Flutter 使小部件扩展到可用空间

Flutter 使小部件扩展到可用空间,flutter,Flutter,我正在尝试将flattermap放在正确的小部件中,根据绘制它的设备垂直展开它。到目前为止,它是在一个具有固定高度和宽度的容器中。 同样,我需要处理抽屉,就像它打开时一样,它在iPhone 6的小屏幕上从屏幕外流动。 你能给我一个关于扩展小部件的好解释吗? 代码如下: body: SafeArea( minimum: EdgeInsets.symmetric(horizontal: 20), child: Center( child

我正在尝试将
flattermap
放在正确的小部件中,根据绘制它的设备垂直展开它。到目前为止,它是在一个具有固定高度和宽度的容器中。 同样,我需要处理抽屉,就像它打开时一样,它在iPhone 6的小屏幕上从屏幕外流动。 你能给我一个关于扩展小部件的好解释吗? 代码如下:

body: SafeArea(
          minimum: EdgeInsets.symmetric(horizontal: 20),
          child: Center(
            child: Column(
              mainAxisAlignment: MainAxisAlignment.spaceBetween,
              children: <Widget>[
                Container(
                  height: 400,
                  width: 350,
                  child: FlutterMap()),
                Row()]
主体:安全区域(
最小值:对称边缘集(水平:20),
儿童:中心(
子:列(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
容器(
身高:400,
宽度:350,
子对象:映射()),
行()]

< /代码> 您可以考虑使用<强>扩展< /强>控件 试试这个

安全区(
最小值:对称边缘集(水平:20),
儿童:中心(
子:列(
mainAxisAlignment:mainAxisAlignment.spaceBetween,
儿童:[
扩大(
子:容器(
子对象:映射()),
),
行()]

希望它能为您工作

flatterwidget
Expanded
能为您工作。它有
child
参数,您可以在其中放置
容器
flattermap
小部件


如果您想为多个小部件创建比例,还可以查看
Expanded
小部件的
flex
属性。

谢谢,我试错了一个,
flex
。谢谢。我接受了另一个答案,因为它是第一个。但是我非常感谢您的帮助。我在容器中没有看到flex属性,所以我猜你的意思是
扩展的
小部件,里面有
容器
,但是是的,这会帮助我解决
抽屉
,我也有同样的问题。谢谢。是的,你是对的。扩展的是我在本例中的目标小部件,而不是容器。只是编辑了上面的答案来纠正这个问题。
    SafeArea(
      minimum: EdgeInsets.symmetric(horizontal: 20),
      child: Center(
      child: Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        Expanded(
          child: Container(
              child: FlutterMap()),
        ),
        Row()]