page_flip

パッケージ概要

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

page_flip パッケージは、ウィジェットに現実的なページめくり効果を可能にするため、Flutter アプリケーションを強化します。開発者がスクリーンやコンテンツセクション間でインタラクティブな本のような遷移を作成できるようにし、滑らかなアニメーションを通じてユーザーの関与を高めます。デジタルブック、プレゼンテーション、またはタッチ感覚のある切り替え体験が必要なアプリに最適です。モバイル、Web、デスクトップなど複数のプラットフォームをサポートしています。最小限のセットアップで簡単に統合でき、初心者から経験豊富な開発者まで利用しやすいです。

用途

デジタル書籍と電子書籍リーダー
インタラクティブなプレゼンテーション
アプリチュートリアル
ビジュアルストーリーテリング
プロダクトの紹介

主な機能

現実的なページめくりアニメーション
クロスプラットフォーム対応
シンプルな統合
カスタマイズ可能な裏返し方向
デバイス間でのスムーズなパフォーマンス

適している対象

インタラクティブなコンテンツを構築する開発者
教育アプリ
読書および公開アプリ
クリエイティブなUIデザイナー
没入型の遷移を必要とするアプリ

注意事項

低性能デバイスでのパフォーマンスに影響を与える可能性があります
高度なエフェクトのカスタマイズオプションが限られている
大規模なウィジェットツリーの取り扱いには注意が必要です
シンプルなナビゲーションには適していない
コンテンツが豊富なインターフェースに最適

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