【第一天】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轴旋转
        ),
      ),
    ));
  }
}

你可能感兴趣的:(【第一天】flutter布局Container 基础用法)