Flutter入门之Container控件的使用（三）

(1)Container容器：

简单来说：相当于容器（盒子）用来存放子控件，你可以给自定义样式来装饰它。常用的有：圆角边框、设定颜色等。

import 'package:flutter/material.dart';

void main() => runApp(
      MaterialApp(
        title: 'ContainerDemo',
        home: MyApp(),
      ),
    );
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Container(
        width: 300,
        height: 300,
        decoration: BoxDecoration(
            color: Colors.blue,
            border: Border.all(
              color: Colors.green,
              width: 8,
            ),
            borderRadius: BorderRadius.circular(50)),
        child: Text(
          '我是文字',
          textAlign: TextAlign.center,
          style: TextStyle(fontSize: 36, color: Color(0xffA9A9A9)),
        ),
      ),
    );
  }
}

在Flutter中Color可以使用十六进制颜色值等形式来表示颜色效果。

运行结果

Container详情 请访问https://api.flutter.dev/flutter/widgets/Container-class.html

请帮顶 / 评论点赞！你们的鼓励是我写作的最大动力！