android - 在底部导航 flutter 后面扩展容器

Question

我试图将底部导航栏后面的白色容器扩展到屏幕的最末端。不仅仅是底部导航栏的限制(如图所示)。

非常感谢任何帮助或想法，我对 Flutter 很陌生。谢谢!

应用程序的结构是:

bottomNavigationBar: BottomAppBar(
    shape: CircularNotchedRectangle(),
    notchMargin: 8.0,
    child: Row(
      mainAxisSize: MainAxisSize.max,
      mainAxisAlignment: MainAxisAlignment.spaceEvenly,
      children: <Widget>[
        IconButton(
          icon: Icon(
            Icons.show_chart,
          ),
          onPressed: () {},
        ),
        SizedBox(width: 48.0),
        IconButton(
          icon: Icon(
            Icons.filter_list,
          ),
          onPressed: () {},
        ),
      ],
    ),
  ),
  floatingActionButtonLocation: FloatingActionButtonLocation.centerDocked,
  floatingActionButton: FloatingActionButton(
    child: Icon(Icons.add),
    onPressed: () {},
  ),
  body: Column(
    children: <Widget>[
      Expanded(
        child: Container(
        height: 100,
        decoration: BoxDecoration(
          color: Colors.white,
          borderRadius: BorderRadius.only(
            topLeft: Radius.circular(40),
            topRight: Radius.circular(40)
          )
        ),
      ),
      )
    ],
  )

Answer 1

您可以在“Scaffold”类中使用“extendBody: true”

Scaffold(
    extendBody: true,
    body: _yourBody(),
    bottomNavigationBar: _yourBottomNavBar(),
)