FLUTTER ECOSYSTEM

ihorbokov/constrained_scrollable_views

一组有用的可滚动视图包括 ConstrainedScrollView、ScrollableColumn 和 ScrollableRow。

在 GitHub 查看 ↗

约束滚动视图项目封面

Stars: 1
Forks: 1
最近推送（UTC）: 2024年10月3日
项目状态: 未归档

GITHUB User

Ihor Bokov ↗

Crazy Flutter Developer

Ukraine

语言DartSwiftKotlinObjective-C

此仓库发布的插件

constrained_scrollable_views

一组有用的可滚动视图包括 ConstrainedScrollView、ScrollableColumn 和 ScrollableRow。

44喜欢 101近 30 天下载160Pub 分数

AndroidiOSWebmacOSWindowsLinux

使用的依赖

依赖清单 3 项

flutter{"sdk":"flutter"}
flutter_test开发依赖{"sdk":"flutter"}
very_good_analysis开发依赖^6.0.0

原始 README

以下为英文项目原文快照，最新内容请访问 GitHub。

展开 / 收起项目 README

Constrained Scrollable Views

Pub style: very good analysis License: MIT

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.

Usage

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'),
      ),
  ],
)