flutter设置container的宽度撑满父组件

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了flutter设置container的宽度撑满父组件相关的知识,希望对你有一定的参考价值。

参考技术A 我的Container内放了四个字,但是背景需要撑满父组件,设置高度没法做适配,最后发现了通过alignment可以实现撑满父组件

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

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

以上是关于flutter设置container的宽度撑满父组件的主要内容,如果未能解决你的问题,请参考以下文章

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

flutter Container()最小宽度 最小高度

flutter Container()最小宽度 最小高度

Flutter组件Container详解

flutter dialog设置窗体宽度

flutter dialog设置窗体宽度