flutter pub add constrained_scrollable_views基于插件公开信息、社区数据与项目使用情况整理的选型参考。
一个 Flutter 包，提供专门的可滚动视图，如 ConstrainedScrollView、ScrollableColumn 和 ScrollableRow。这些组件在受限布局内提供了对滚动行为的增强控制，确保内容在定义的边界内显示，同时保持流畅滚动。非常适合需要响应式、灵活的滚动容器，并具有可预测的尺寸和对齐方式的 UI。
以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。
Set of useful scrollable views includes ConstrainedScrollView, ScrollableColumn, and ScrollableRow.
ConstrainedScrollView is a combination of LayoutBuilder and SingleChildScrollView.ScrollableColumn is Column wrapped by ConstrainedScrollView.ScrollableRow is Row wrapped by ConstrainedScrollView.Example of using ConstrainedScrollView:
ConstrainedScrollView(
padding: const EdgeInsets.all(8),
physics: const BouncingScrollPhysics(),
constraintsBuilder: (constraints) => BoxConstraints(
minWidth: constraints.maxWidth,
minHeight: constraints.maxHeight,
),
child: const Center(
child: Text('ScrollView value'),
),
)
Example of using ScrollableColumn:
ScrollableColumn(
padding: const EdgeInsets.all(8),
physics: const BouncingScrollPhysics(),
constraintsBuilder: (constraints) => BoxConstraints(
minHeight: constraints.maxHeight,
),
children: [
for (var i = 0; i <= 100; i++)
Padding(
padding: const EdgeInsets.all(4),
child: Text('Column value: $i'),
),
],
)
Example of using ScrollableRow:
ScrollableRow(
padding: const EdgeInsets.all(8),
physics: const BouncingScrollPhysics(),
constraintsBuilder: (constraints) => BoxConstraints(
minWidth: constraints.maxWidth,
),
children: [
for (var i = 0; i <= 100; i++)
Padding(
padding: const EdgeInsets.all(4),
child: Text('Row value: $i'),
),
],
)
暂无相关数据。