调整底片颤动

Question

我的应用程序中有一个底页，对于5英寸以上尺寸的手机来说，它正确显示了，但是当我在较小尺寸的屏幕手机上运行时，我会像下面这样

问题在于填充物越过范围时，是否有其他替代方法来创建底纸，并且其内容大小应特定于设备？如何自动调整字体大小，以及如何根据设备特定情况进行填充。

下面是相同的代码

$('#blank-modal').modal({
    backdrop: 'static',
    keyboard: false
})

谢谢。

Answer 1

默认情况下，Column小部件会扩展到最大垂直空间。因此，不要使用Column小部件，而是根据屏幕上的空间调整其子级，而使用Wrap小部件。屏幕大小分别为<5和> 5的模拟器上的以下工作代码：

child:
                  Wrap(
                    children: <Widget>[
                      ListTile(
                          leading: Icon(Icons.remove_red_eye),
                          title: Text(
                                      ....

希望这能回答您的问题。

Answer 2

首先将此属性用于您的列：

Column(
  mainAxisSize: MainAxisSize.min,
  child: ...
)

还尝试使用 LayoutBuilder 小部件包装内容，以访问 BottomSheet 大小的约束，以便您可以根据自己的空间设置小部件的大小。

Flutter LayoutBuilder