稀烂,没啥用,解决了的烙铁,可以支个招。下面方法没用!!!!!

问题

只想实现页面中间部分的 tabBar+TabBarView的联动。但是TabBarView的高度一直是充满剩余的屏幕,急死人了。
也想过不断地嵌套限制子部件的宽高的组件,但是无果,或者说要不断地试。

解决

Wrap the parent widget(Column) with a limited height widget like SizedBox or AspectRatio. Then use the Expanded widget like this:

SizedBox(
  height: 300.0,
  child: Column(
    children: <Widget>[
      .
      .
      .
      Expanded(
        child: TabBarView(
          children: <Widget>[
            Container(
              height: 200.0,
              color: Colors.grey,
            ),
            Container(
              height: 200.0,
              color: Colors.green,
            ),
            Container(
              height: 200.0,
              color: Colors.purple,
            ),
          ],
        ),
      ),
    ],
  ),
),

网上搜的,放这里记录着。也就是说给它套了三层!!
SizeBox,Column,Expend

Logo

北京人形旗下天工造物具身智能开源社区,聚焦具身天工与慧思开物两大平台

更多推荐