第4章常用组件-容器组件

原创于 2019-01-25 10:15:43 发布 · 387 阅读

0 ·

CC 4.0 BY-SA版权

Flutter 专栏收录该内容

97 篇文章

订阅专栏

本文深入讲解Flutter中的Container组件使用方法，包括宽度、高度、装饰、边框和圆角的设置，以及如何在其中嵌入文本。同时，提供了一个运行实例，展示了如何创建一个绿色边框的白色正方形容器。

防采集标记：亢少军老师的课程和资料

import 'package:flutter/material.dart';



void main() {
  runApp(
      new MaterialApp(
        title: 'Container demo',
        home: new ContainerDemo(),
      )
  );
}

class ContainerDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Center(

      child: new Container(
        width: 200.0,
        height: 200.0,
        decoration: new BoxDecoration(
            color: Colors.white,
            border: new Border.all(
              color: Colors.green,
              width: 8.0,
            ),
            borderRadius: const BorderRadius.all(const  Radius.circular(48.0))
        ),
        child: new Text(
          'Flutter',
          textAlign: TextAlign.center,
        ),
      ),
    );
  }
}