flutter - 制作固定底栏后未显示列/滚动视图

Question

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

这是剪辑的链接：https ://imgur.com/a/sDhqasr

class _State extends State<CartOverviewScreen> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Your Cart'),
      ),
      body: SingleChildScrollView(
        child: Column(
          children: <Widget>[
            Center(child: Text('HI!'),)
          ],
        ),
      ),
      bottomNavigationBar: Padding(
        padding: EdgeInsets.all(8.0),
        child: Column(
          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: colorCustom,
                textColor: Colors.white,
                child: Text('Checkout'),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

标签： flutterdart

Answer 1

你也可以试试这个

 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'),
              ),
            ),
          ],
        ),
      ),
    );
  }
}