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

Answer 1

1。添加适合的FlexFit.tight参数

我们只需添加fit参数FlexFit.tight，因为默认情况下，flexible会设置 适合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。完整的回购

您可以查看此存储库并在本地构建它。 Github

Answer 2

只需将您的Flexible()更改为Expanded()小部件即可。

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