代码示例:

import 'package:flutter/material.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Container组件',
      home: Scaffold(
        appBar: AppBar(
          title: Text('Container组件'),
        ),
        body: Center(
          //父容器
          child: Container(
              // 容器的宽度
//              width: 200.0,
//              // 容器的高度
//              height: 200.0,
              // 容器尺寸限制,可设置,最大宽度,最小宽度,最大高度,最小高度
              // 其中 不管设置最大,最小,若和width、height属性并存,则以width、height属性为准

              constraints: BoxConstraints(
                  maxWidth: 200, //宽度尽可能大
                  maxHeight: 200 //最小高度为50像素
                  ),
              // 外边距
              margin: EdgeInsets.all(100.0),
              // 内边距
              padding: EdgeInsets.all(20.0),
              //内边距
              //容器内的方框装饰
              decoration: BoxDecoration(
                //容器内的方框
                border: Border.all(
                  color: Colors.black,
                  width: 10.0, //边框粗细
                ),
                //容器内的方框弧度
                borderRadius: BorderRadius.all(const Radius.circular(10.0)),
              ),
              //子容器
              child: Text("你好") // 默认位置左上角
              ),
        ),
      ),
    );
  }
}

在这里插入图片描述

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐