flutter - ListView 和 BottomNavigationBar 之间的空白

Question

我之间有一个空白空间BottomNavigationBar，ListView我想摆脱它。

我尝试使用Expanded而不是Flexible，但在Expanded我无法控制 _adher() 和 DrugsListView() 生成的 Widget 之间的高度比例的情况下

new Container(
       child: new Column(
         children: <Widget>[
           Flexible(
             flex: 1,
             child: _adher(),
           ),
           Flexible(
             flex: 2,
             child:DrugsListView(),
           ),
         ],
       ),
     ),

标签： flutterdartflutter-layout

Answer 1

1.增加fit FlexFit.tight参数

我们只需添加 fit 参数FlexFit.tight，因为默认情况下，flexible 会将 fit 设置为FlexFit.loose。

child: Column(
  children: <Widget>[
    Flexible(
      flex: 1,
      fit: FlexFit.tight, // add this line
      child: _adher(),
    ),
    Flexible(
      flex: 2,
      fit: FlexFit.tight, // add this line
      child: DrugsListView(),
    ),
  ],
),

2. 演示

3.完整的回购

你可以查看这个 repo 并在本地构建它。Github