dart - 如何将列表视图居中？

Question

我有 Column 但问题是如果屏幕非常小的高度有错误：

底部溢出 5.0 像素

Column(
                    mainAxisAlignment: MainAxisAlignment.center,
                      children: <Widget>[
                        CenterBoxText(),
                        SizedBox(height: 1),
                        RaisedButton(
                          child: Text(‘Example’),
                        ),
                      ],
                    ),

我尝试替换Column为ListView并且此停止错误。但现在在大屏幕上，小部件从顶部显示，而不是在中心显示。因为ListView没有mainAxisAlignment: MainAxisAlignment.center。

怎么解决？

谢谢！

标签： dartflutterflutter-layout

Answer 1

尝试用小部件包装你的Column小SingleChildScrollView部件，它将提供滚动的能力。像这样 ：

 SingleChildScrollView(
              child: Column(
                       mainAxisAlignment: MainAxisAlignment.center,
                       children: <Widget>[
                         CenterBoxText(),
                         SizedBox(height: 1),
                         RaisedButton(
                           child: Text(‘Example’),
                         ),
                       ],
                     ),
                    ),