page_flip

套件介紹

根據套件公開資料產生的選型評估，僅供參考。

page_flip 套件透過為組件啟用真實的翻頁效果，增強了 Flutter 應用程式。它允許開發人員創建在螢幕或內容區段之間具有互動性的書籍式過渡效果，透過流暢的動畫提升使用者參與度。適用於電子書、簡報或任何需要觸覺翻頁體驗的應用程式，支援包括行動裝置、網頁和桌面在內的多個平台。該套件易於整合，設定簡單，對初學者與資深開發人員皆十分友善。

適用情境

電子書和電子閱讀器
互動式簡報
應用教程
視覺敘事
產品展示

主要特色

真實的翻頁動畫
跨平台支援
簡單整合
可自訂翻轉方向
跨裝置的順暢效能

適合對象

開發互動式內容的開發者
教育類應用
閱讀和發佈應用
創意UI設計師
需要沉浸式過渡的應用

使用建議

可能影響低階裝置的效能
進階效果的自訂選項有限
需要仔細處理大型 widget 樹
不適合簡單的導航
最適合內容密集型介面

原始 README

以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。

Page Flip Widget

A flutter package which will help you to add page flip effect to widgets in your app.

Re-created by Techahead Software

Usage

Use this package as a library

Depend on it Add this to your package's pubspec.yaml file:

dependencies:
  page_flip: <VERSION>

Install it You can install packages from the command line: with Flutter:

$ flutter pub get

Alternatively, your editor might support flutter packages get. Check the docs for your editor to learn more.

Import it Now in your Dart code, you can use:

import 'package:page_flip/page_flip.dart';

Example


  final _controller = GlobalKey<PageFlipWidgetState>();


    Scaffold(
      body: PageFlipWidget(
        key: _controller,
        backgroundColor: Colors.white,
        // isRightSwipe: true,
        lastPage: Container(color: Colors.white, child: const Center(child: Text('Last Page!'))),
        children: <Widget>[
          for (var i = 0; i < 10; i++) DemoPage(page: i),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        child: const Icon(Icons.looks_5_outlined),
        onPressed: () {
          _controller.currentState?.goToPage(5);
        },
      ),
    );