FLUTTER ECOSYSTEM

farhanfadila1717/scroll_snap_effect

一個用於在 ListView 中創建簡單動畫滾動吸附效果的 Flutter 套件

scroll_snap_effect 專案封面
Stars
5
Forks
0
最近推送(UTC)
2022年5月28日
專案狀態
未封存
Farhan Fadila GitHub avatar
GITHUB User

Farhan Fadila ↗

Software Engineer @bicarakan-id

@bicarakan-id Jakarta, Indonesia官方網站 ↗
語言Dart

技術主題

此儲存庫發佈的套件

使用的依賴

依賴清單 3 項
  • flutter{"sdk":"flutter"}
  • flutter_test開發依賴{"sdk":"flutter"}
  • flutter_lints開發依賴^1.0.0

原始 README

以下為英文專案原文快照,最新內容請造訪 GitHub。

展開 / 收合專案 README

cover

flutter paypal
A Flutter package to create easy animation scroll snap effect in ListView


  // Example itemSize
  // itemSize = child width (ex: 100) + child padding (ex: 16);
  // itemSize = 116
  ScrollSnapEffect(
      itemSize: 116,
      itemCount: 15,
      padding: const EdgeInsets.symmetric(horizontal: 20),
      onChanged: (index) {
        debugPrint('$index');
      },
      itemBuilder: (context, index) {
        return Padding(
          padding: const EdgeInsets.only(right: 16),
          child: SizedBox(
            height: 100,
            width: 100,
            child: ColoredBox(
              color: Colors.blue,
              child: Center(
                child: Text(
                  '$index',
                  style: const TextStyle(
                    color: Colors.white,
                    fontSize: 20,
                  ),
                ),
              ),
            ),
          ),
        );
      },
    ),

Example Scroll Snap Effect

output


🚧 Maintener

account avatar
Farhan Fadila
📫 How to reach me: farhan.fadila1717@gmail.com

❤️ Suport Maintener

paypal badge linktree