Flutter之Container的宽度如何设置为手机屏幕宽度

码莎拉蒂 .

于 2021-12-27 20:16:13 发布

阅读量3.7k

点赞数 1

分类专栏： Flutter & React Native 文章标签： flutter css Container 宽度如何设置为手机屏幕宽度 MediaQuery

本文链接：https://blog.csdn.net/u011068702/article/details/122179668

版权

Flutter & React Native 专栏收录该内容

41 篇文章 2 订阅

订阅专栏

1、问题

Container的宽度如何设置为手机屏幕宽度

2、解决办法

width: MediaQuery.of(context).size.width,

				Row(
                  children: [
                    Container(
                      height: 40,
                      width: MediaQuery.of(context).size.width,
                      // width: double.infinity,
                      color: Colors.red,
                      child: Row(
                        children: [
                          Container(
                              child: const Text("汤姆猫",
                                  style: TextStyle(
                                      fontSize: 16, color: Colors.black)))
                        ],
                      ),
                    )
                  ],
                ),