在列中 Package Flutter IndexedStack会将其打断

bq9c1y66  于 2023-04-07  发布在  Flutter
关注(0)|答案(1)|浏览(82)

我有一个IndexedStack小部件,底部有标签作为我的应用程序的主页,我想在我的应用程序上添加一个“额头”。所以很自然地,我试图将IndexedStack Package 在一个列中,以将我的小部件添加到它的顶部,但将IndexedStack Package 在列中的简单事实打破了它,并将其变成了一个空白空间。
你知道我怎么才能绕过这个吗?
先谢谢你了!
验证码:

Scaffold(
          body: Column(
            children: [
              IndexedStack(
                index: viewModel.currentTabIndex,
                children: <Widget>[
                  if (viewModel.canScreen1) const Screen1(),
                  if (viewModel.canScreen2) const Screen2(),
                  DashboardScreen()
                ],
              ),
            ],
          ),
          bottomNavigationBar:
              viewModel.canScreen1 || viewModel.canScreen2
                  ? const BaseNavigationViewBottomBar()
                  : null,
        ),
neskvpey

neskvpey1#

您只需要像下面这样用Expanded小部件 Package 您的IndexedStack

Column(
  children: [
    Expanded(
  child: IndexedStack(
                index: viewModel.currentTabIndex,
                children: <Widget>[
                  if (viewModel.canScreen1) const Screen1(),
                  if (viewModel.canScreen2) const Screen2(),
                  DashboardScreen()
                ],
              ),
       )
  ],
)

相关问题