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