【第一天】flutter布局Container 基础用法

这只是其中几种种简单的方法,后续会补充,请持续关注

这是完整dome代码,直接复制放入main.dart就可以了


import 'package:flutter/material.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
        home: Scaffold(
      appBar: AppBar(
        title: Text("container实例dome"),
      ),
      body: Center(
        child: Container(
          decoration: BoxDecoration(
              border: Border.all(color: Colors.blue, width: 10), //全部边框的宽度
              borderRadius: const BorderRadius.all(
                  const Radius.circular(30))), //全部边框的圆角度数
          padding: EdgeInsets.only(top: 20), //顶部的内边距
          width: 300,
          height: 200,
          child: Text(
            "Container用法",
            style: TextStyle(fontSize: 28), //字体的大小
          ),
          transform: Matrix4.rotationZ(pi / -9), //z轴旋转
        ),
      ),
    ));
  }
}
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容