Flutter 列/滚动视图在我创建固定底部栏后不显示

显然，我试图为结帐制作一个底部按钮，这似乎影响了应用程序主体的工作方式。这只发生在我添加底部导航栏填充等之后

以下是剪报的链接：

class\u状态扩展状态{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“您的购物车”），
),
正文：SingleChildScrollView(
子：列(
儿童：[
居中（子项：文本（'HI！'），）
],
),
),
底部导航栏：填充(
填充：边缘设置。全部（8.0），
子：列(
mainAxisAlignment:mainAxisAlignment.end，
儿童：[
卡片(
保证金：所有（15），
孩子：填充(
填充：边缘设置。全部（8），
孩子：排(
儿童：[
正文(
“总计”，
样式：TextStyle(
尺寸：20，
),
),
尺寸箱（宽度：10，），
芯片（标签：文本（\$0.00'），）
],
),
),
),
钮扣(
minWidth:double.infinity，
孩子：升起按钮(
立面图：8，
按下：（）{}，
颜色：颜色定制，
textColor:Colors.white，
子项：文本（'Checkout'），
),
),
],
),
),
);
}
}

啊，我找到了自己的答案。事实上，问题是由于底部导航栏占据了整个应用程序的主体。我只需要将下面的代码放到bottomNavigationBar列中

mainAxisSize: MainAxisSize.min

---

您也可以试试这个

 class _State extends State<stat> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Your Cart'),
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            child: Center(
              child: Text("Hi"),
            ),
          )
        ],
      ),
      bottomNavigationBar: Padding(
        padding: EdgeInsets.all(8.0),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            Card(
              margin: EdgeInsets.all(15),
              child: Padding(
                padding: EdgeInsets.all(8),
                child: Row(
                  children: <Widget>[
                    Text(
                      'Total',
                      style: TextStyle(
                        fontSize: 20,
                      ),
                    ),
                    SizedBox(
                      width: 10,
                    ),
                    Chip(
                      label: Text('\$0.00'),
                    )
                  ],
                ),
              ),
            ),
            ButtonTheme(
              minWidth: double.infinity,
              child: RaisedButton(
                elevation: 8,
                onPressed: () {},
                color: Colors.red,
                textColor: Colors.white,
                child: Text('Checkout'),
              ),
            ),
          ],
        ),
      ),
    );
  }
} 

class\u状态扩展状态{
@凌驾
小部件构建（构建上下文）{
返回脚手架(
appBar:appBar(
标题：文本（“您的购物车”），
),
正文：专栏(
儿童：[
扩大(
儿童：中心(
儿童：文本（“Hi”），
),
)
],
),
底部导航栏：填充(
填充：边缘设置。全部（8.0），
子：列(
mainAxisSize:mainAxisSize.min，
mainAxisAlignment:mainAxisAlignment.end，
儿童：[
卡片(
保证金：所有（15），
孩子：填充(
填充：边缘设置。全部（8），
孩子：排(
儿童：[
正文(
“总计”，
样式：TextStyle(
尺寸：20，
),
),
大小盒子(
宽度：10，
),
芯片(
标签：文本（“\$0.00”），
)
],
),
),
),
钮扣(
minWidth:double.infinity，
孩子：升起按钮(
立面图：8，
按下：（）{}，
颜色：颜色，红色，
textColor:Colors.white，
子项：文本（'Checkout'），
),
),
],
),
),
);
}
} 

您能详细解释一下您到底想要什么吗？问题到底是什么？是的，在实施你所说的之后，解释你所面临的确切问题。这是基于你的答案

 class _State extends State<stat> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Your Cart'),
      ),
      body: Column(
        children: <Widget>[
          Expanded(
            child: Center(
              child: Text("Hi"),
            ),
          )
        ],
      ),
      bottomNavigationBar: Padding(
        padding: EdgeInsets.all(8.0),
        child: Column(
          mainAxisSize: MainAxisSize.min,
          mainAxisAlignment: MainAxisAlignment.end,
          children: <Widget>[
            Card(
              margin: EdgeInsets.all(15),
              child: Padding(
                padding: EdgeInsets.all(8),
                child: Row(
                  children: <Widget>[
                    Text(
                      'Total',
                      style: TextStyle(
                        fontSize: 20,
                      ),
                    ),
                    SizedBox(
                      width: 10,
                    ),
                    Chip(
                      label: Text('\$0.00'),
                    )
                  ],
                ),
              ),
            ),
            ButtonTheme(
              minWidth: double.infinity,
              child: RaisedButton(
                elevation: 8,
                onPressed: () {},
                color: Colors.red,
                textColor: Colors.white,
                child: Text('Checkout'),
              ),
            ),
          ],
        ),
      ),
    );
  }
}