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