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

标签 flutter user-experience flutter-layout

我只想让屏幕的一部分可滚动。当我的 ListView 中的项目数超过 4 或 5 时,我无法在此 ListView 下方放置任何小部件。我不确定是否有办法包装 ListView 的所有内容以使其可滚动。

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

这是我的 ListView,这是 UI 的样子

here

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

谢谢,

最佳答案

完成thebuggycoder answer如果你只想保持屏幕的一部分可滚动但保持可变高度的底部元素,你可以将你的 ListView 嵌入到 ColumnExpanded 中>,如下图:

Column(
    children: [
      Expanded(
        child: ListView(
           children: _getListings(businessListing),
        ),
      ),
      Container(
        child: Text('This element must stay at the bottom'),
      ),
    ],
  );

你在那里做什么基本上是告诉你的 Column 它有 2 个(或更多)元素,其中每个元素通常占用它需要的空间,除了 Expanded 的元素> 元素,并将占用 Column 中的“最大剩余空间”。

关于flutter - 在 Flutter 中使屏幕的一部分可滚动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/55219467/

相关文章:

Flutter根据移动设备设置显示DateTime

javascript - 尝试创建 jquery mouseover 和 mouseout 事件

jquery - 我怎样才能让用户在不打扰他们的情况下将持续时间输入到 HTML5 网络表单中?

flutter - 无法从 flutter 应用程序正确打开 url scheme

firebase - Flutter Firestore 地理查询

flutter - 如何在 flutter 中使用提供者功能后导航到另一个页面?

ios - 用户友好的方式将文件导入/共享到您的 iOS 应用程序

flutter - 如何在 flutter 中的 Column 中使用 StaggeredGridView?

canvas - 在Flutter中drawImage或paintImage均无法正常工作

Flutter - 第一个屏幕仅在真实的 iOS 设备上损坏,在 Android 和模拟器上都不会损坏