搜尋套件、儲存庫與 APP 分類

stacked_page_view 封面
套件詳情v1.1.2

stacked_page_view

一個用來建立垂直輪播圖的 Flutter 插件。此套件非常輕巧,實際程式碼僅約 109 行。

AndroidiOSWebmacOSWindowsLinux
近 30 天下載
25
喜歡數
24
Pub 分數
150

安裝套件

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

example gif

所屬分類

原始碼儲存庫

使用此套件的專案

暫無相關資料。