page_flip

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

O pacote page_flip melhora aplicativos Flutter ao permitir um efeito de virar página realista para widgets. Permite que desenvolvedores criem transições interativas do tipo livro entre telas ou seções de conteúdo, melhorando o engajamento do usuário por meio de animações suaves. Ideal para livros digitais, apresentações ou qualquer aplicativo que exija uma experiência de rotação tátil, ele é compatível com múltiplas plataformas, incluindo móvel, web e desktop. O pacote é fácil de integrar com configuração mínima, tornando-se acessível tanto para iniciantes quanto para desenvolvedores experientes.

Casos de uso

Livros digitais e leitores eletrônicos
Apresentações interativas
Tutoriais do aplicativo
Narrativa visual
Apresentações de produtos

Principais recursos

animação realista de virada de página
Suporte multiplataforma
Integração simples
Direção de giro personalizável
Desempenho suave em dispositivos

Indicado para

Desenvolvedores de conteúdo interativo
Aplicativos educacionais
Aplicativos de leitura e publicação
Designers de UI criativos
Aplicativos que precisam de transições imersivas

Considerações

Pode afetar o desempenho em dispositivos de baixa gama
Opções limitadas de personalização para efeitos avançados
Requer manipulação cuidadosa de grandes árvores de widgets
Não ideal para navegação simples
Mais adequado para interfaces com grande quantidade de conteúdo

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

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