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

1、问题

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

2、解决办法

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

  

 

  
1
 

				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)))
                        ],
                      ),
                    )
                  ],
                ),

  

 

  
1
  
2
  
3
  
4
  
5
  
6
  
7
  
8
  
9
  
10
  
11
  
12
  
13
  
14
  
15
  
16
  
17
  
18
 

文章来源: chenyu.blog.csdn.net，作者：chen.yu，版权归原作者所有，如需转载，请联系作者。

原文链接：chenyu.blog.csdn.net/article/details/122179668