使屏幕的一部分在Flutter中可滚动

bhavs 发表于 Dev

我只希望屏幕的一部分可滚动。当ListView中的项目数超过4或5时，我将无法在此列表视图下放置任何小部件。我不确定是否有办法包装listview的所有内容以使其可滚动。

  ListView(
    shrinkWrap: true,
    physics: NeverScrollableScrollPhysics(),
    children: _getListings(businessListing),
  ),

这是我的ListView，这是UI的外观

问题是当RadioTile的数量超过8个时；textField和Button被推出屏幕。我想知道让整个屏幕可滚动是否好？还是仅使一部分包含RadioTiles Scrollable的屏幕？

谢谢，

Thebuggycoder

有两点要考虑：

如果您打算在下方加上更多字段RadioTiles以及Google商家信息网址和保存按钮，那么保持整个屏幕可滚动可能是一个不错的选择。
另一方面，如果只是下方的两件事RadioTiles，则最好仅使RadioTile列表可滚动。这样，用户TextField和保存按钮将始终可供用户访问，而无需滚动。
另外，您可以根据字段的优先级决定滚动。如果TextField和保存按钮具有更高的优先级，那么最好始终在屏幕上可见它们。

要仅使屏幕的一部分可滚动，您可以将其包裹ListView在Container具有一定高度的高度中，以使其仅在这些范围内滚动。

您还需要将physics属性更改为AlwaysScrollableScrollPhysics()。

范例-

Container(
  height: 300.0 //Your custom height
  child: ListView(
    shrinkWrap: true,
    physics: AlwaysScrollableScrollPhysics(),
    children: _getListings(businessListing),
  ),
)

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。