Flutter - 如何溢出水平列表视图?
Flutter - How to overflow horizontal listview?
我正在使用 Flutter Web 构建网站。我有一个显示项目的水平 ListView
。我有一个 ConstrainedBox
将 maxWidth
设置为 1200。这会减少两侧的 ListView
。
当我添加 OverflowBox
时,ListView
从页面的开头开始。我怎样才能正确地溢出它 ListView
从它应该在的地方开始并且其余的项目不会被剪切,所以用户可以滚动并看到 ConstrainedBox
之外的项目?
溢出:
感谢来自 Flutter discord 服务器的 ping (pixeltoast)
,已回复 here。
return SizedBox(
height: 663,
child: LayoutBuilder(
builder: (context, constraints) {
return ScrollConfiguration(
behavior: _MyCustomScrollBehavior(),
child: ListView.separated(
padding: EdgeInsets.symmetric(horizontal: max(0.0, (constraints.maxWidth - 800) / 3)),
controller: _controller,
scrollDirection: Axis.horizontal,
itemCount: items.length,
separatorBuilder: (_, __) => const SizedBox(width: 16),
itemBuilder: (_, i) => items[i],
),
);
}
),
);
我正在使用 Flutter Web 构建网站。我有一个显示项目的水平 ListView
。我有一个 ConstrainedBox
将 maxWidth
设置为 1200。这会减少两侧的 ListView
。
当我添加 OverflowBox
时,ListView
从页面的开头开始。我怎样才能正确地溢出它 ListView
从它应该在的地方开始并且其余的项目不会被剪切,所以用户可以滚动并看到 ConstrainedBox
之外的项目?
溢出:
感谢来自 Flutter discord 服务器的 ping (pixeltoast)
,已回复 here。
return SizedBox(
height: 663,
child: LayoutBuilder(
builder: (context, constraints) {
return ScrollConfiguration(
behavior: _MyCustomScrollBehavior(),
child: ListView.separated(
padding: EdgeInsets.symmetric(horizontal: max(0.0, (constraints.maxWidth - 800) / 3)),
controller: _controller,
scrollDirection: Axis.horizontal,
itemCount: items.length,
separatorBuilder: (_, __) => const SizedBox(width: 16),
itemBuilder: (_, i) => items[i],
),
);
}
),
);