使小部件扩展到可用空间波动

时间:2020-03-19 19:15:12

标签: flutter

我正在尝试将FlutterMap放在右边的小部件中,以根据其绘制的设备垂直扩展它。到目前为止,它位于高度和宽度固定的容器中。 我需要对抽屉进行相同的操作,因为它在打开时会流到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()]

2 个答案:

答案 0 :(得分:1)

Flutter小部件Expanded为您做到了。它具有child自变量,您可以在其中放置ContainerFlutterMap小部件。

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

答案 1 :(得分:0)

您可以考虑使用扩展小部件 试试这个

    SafeArea(
      minimum: EdgeInsets.symmetric(horizontal: 20),
      child: Center(
      child: Column(
      mainAxisAlignment: MainAxisAlignment.spaceBetween,
      children: <Widget>[
        Expanded(
          child: Container(
              child: FlutterMap()),
        ),
        Row()]

希望它对您有用