一个200*200的红色框里面显示一个100*100的黄色框,该怎么实现

来源:15-6 Flutter Plugin开发指南-Android端实现-2【打通Flutter与Android的任通二脉】

qq_夜_71

2020-10-05

下面的代码实现的效果是一个200*200 的黄色框,为什么?

class _textState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
          child: Container(
            color: Colors.red,
            width: 200,
            height: 200,
            child: Container(
              width: 100,
              height: 100,
              color: Colors.yellow,
              child: Text('英雄联盟'),
            ),
          ),
        ));
  }
}



class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override
  _textState createState() => _textState();
}
写回答

1回答

CrazyCodeBoy

2020-10-09

里面的黄色框外用个SizedBox约束下宽高。

0
3
CrazyCodeBoy
回复
qq_夜_71
Container约束的是它里面内容的宽高。
2020-10-12
共3条回复

Flutter从入门到进阶 实战携程网App 一网打尽核心技术

解锁Flutter开发新姿势,,系统掌握Flutter开发核心技术。

4788 学习 · 3270 问题

查看课程