stacked_page_view

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

StackedPageViewは、スタックされたレイヤー効果を持つ垂直カルーセルを作成するために設計された軽量なFlutterパッケージです。視覚的に魅力的な重なり構造のページをスムーズにスクロールできます。コード量は約109行で、最小限かつ効率的です。Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしており、クロスプラットフォームアプリケーションに適しています。画像やカード、スライドなどのコンテンツを魅力的に紹介するのに最適です。

用途

垂直画像カルーセルの作成
レイヤードコンテンツカードの表示
インタラクティブなスライドショーの作成
オンボーディング画面の向上
モバイルアプリの紹介デザイン
プロダクトショーケースの紹介

主な機能

最小のコードベース（約109行）
垂直スタックレイアウト
スムーズスクロールの遷移
クロスプラットフォーム対応
軽量パフォーマンス
カスタマイズ可能なページの配置

適している対象

軽量なカルーセルソリューションを探している開発者
レイヤードビジュアルエフェクトを望むアプリデザイナー
シンプルでありながら洗練されたページ遷移を必要とするプロジェクト
コンテンツが豊富なインターフェースを備えたモバイルおよびウェブアプリ
インタラクティブUIの迅速なプロトタイピング

注意事項

機能豊富なカルーセルと比較してカスタマイズオプションが限られている
組み込みのページネーションインジケーターなし
シンプルなスタックレイアウトに最適
複雑なデザインには追加のスタイリングが必要になる場合があります
水平方向のカルーセルには適していません
高度なジェスチャーには外部パッケージに依存しています

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

Stacked Page View!

flutter dart

pub.dev/stacked_page_view

Hi! This package will create stacked page view in your flutter app. it's as lightweight as it can get⚡⚡ .

Just wrap it between your PageView builder and the iterable children like the code below.

PageView.builder(
        itemCount: 10,
        scrollDirection: Axis.vertical,
        controller: pageController,
        itemBuilder: (context, index) {
          return StackPageView(
            controller: pageController,
            index: index,
            child: Container(
              color: (colors..shuffle()).first,
              child: Center(
                child: Text(
                  '$index',
                  style: TextStyle(
                    color: Colors.white,
                    fontSize: 25,
                  ),
                ),
              ),
            ),
          );
        },
      )

パッケージ、リポジトリ、アプリカテゴリを検索

パッケージをインストール