GitHub リポジトリfarhanfadila1717/scroll_snap_effect

scroll_snap_effect

ListView で簡単なアニメーションスクロールスナップ効果を作成するためのFlutterパッケージ

スター: 5
フォーク: 0
最終プッシュ（UTC）: 2022/05/28
プロジェクト状態: 公開中

元の README

以下は英語原文のスナップショットです。最新版は GitHub をご覧ください。

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,
                  ),
                ),
              ),
            ),
          ),
        );
      },
    ),