Buscar pacotes, repositórios e categorias de apps

ducafecatGuia do ecossistema Flutter
Capa de page_indicator
Detalhes do pacotev0.4.1

page_indicator

indicador de pageview do flutter, fácil de usar. Localização e tamanho personalizáveis, mas apenas circular.

pub.dev Documentação da API Código-fonte
Downloads em 30 dias
464
Curtidas
58
Pontos Pub
60

Instalar pacote

flutter pub add page_indicator

Visão geral do pacote

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

Um pacote Flutter que fornece um indicador circular simples e personalizável para widgets PageView. Permite aos usuários exibir facilmente a posição da página atual com tamanho e localização ajustáveis, melhorando o feedback de navegação em interfaces deslizantes. O indicador suporta apenas formas circulares, garantindo um estilo visual limpo e consistente. Ideal para telas de introdução, slides de imagens ou qualquer interface baseada em carrossel onde seja necessário rastreamento visual da página.

Casos de uso

  • Telas de onboarding
  • Controles deslizantes de imagem
  • Interfaces de carrossel
  • Percursos de tutoriais
  • Assistentes de formulários
  • Apresentação do produto

Principais recursos

  • Apenas indicador circular
  • Tamanho personalizável
  • Posição ajustável
  • API simples
  • Lightweight
  • Animações embutidas

Indicado para

  • Desenvolvedores iniciantes do Flutter
  • Designs simples de carrossel
  • Interfaces de usuário minimalistas
  • indicadores de navegação PageView
  • Onboarding do aplicativo móvel

Considerações

  • Limitado à forma circular
  • Sem suporte a formas personalizadas
  • Nenhuma opção avançada de estilização
  • Não adequado para indicadores complexos
  • Depende da integração do PageView
  • Sem personalização de modo escuro

README original

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

page_indicator

pub package

Preview

image

image

Install

see

  1. Depend on it Add this to your package's pubspec.yaml file:
dependencies:
  page_indicator: ^0.3.0
  1. Install it

You can install packages from the command line:

with Flutter:

flutter packages get

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

  1. Import it Now in your Dart code, you can use:
import 'package:page_indicator/page_indicator.dart';

Usage

see example file

or

PageIndicatorContainer(
  child: PageView(
    children: <Widget>[
      Text("1"),
      Text('2'),
      Text('3'),
      Text('4'),
    ],
    controller: controller,
  ),
  align: IndicatorAlign.bottom,
  length: 4,
  indicatorSpace: 20.0,
  padding: const EdgeInsets.all(10),
  indicatorColor: Colors.white,
  indicatorSelectorColor: Colors.blue,
  shape: IndicatorShape.circle(size: 12),
  // shape: IndicatorShape.roundRectangleShape(size: Size.square(12),cornerSize: Size.square(3)),
  // shape: IndicatorShape.oval(size: Size(12, 8)),
}
Force refersh state
final key = GlobalKey<PageContainerState>();
PageIndicatorContainer(
  key: key,
  // other ...
);

// force refersh
key.currentState.forceRefreshState();

Migration guide

0.1.x => 0.2.x

PageIndicatorContainer(
  ...
--  size: 12.0,
++  shape: IndicatorShape.circle(size: 12),
)

Categorias

Carrossel ou Cover Flow

Repositório-fonte

Projetos que usam este pacote