carousel_indicator

Visão geral do pacote

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

Um pacote leve e simples do Flutter para criar indicadores de carrossel que se atualizam com base no índice atual. Ele possui animações internas de deslize para transições suaves entre os estados do indicador. Projetado para simplicidade, integra-se facilmente em qualquer interface de carrossel ou fluxo de capa, fornecendo feedback visual sobre a posição da apresentação atual sem complexidade adicional. Ideal para aplicativos que precisam de indicadores minimalistas e animados com pouca configuração.

Casos de uso

Exibindo o progresso do slide em um carrossel
Melhorando a experiência do usuário com feedback visual
Criando indicadores animados para layouts de capa em fluxo
Integração com widgets PageView ou Carousel
Personalizando a aparência do indicador com código mínimo

Principais recursos

Atualização simples baseada em índice
animação de slide pré-construída
Superfície mínima da API
Suporta múltiplas plataformas
Integração fácil com PageView
Estilo de indicador personalizável

Indicado para

Desenvolvedores procurando indicadores de carrossel leves
Aplicativos com carrosséis de conteúdo dinâmico
Interfaces que exigem pistas visuais sutis
Projetos que priorizam simplicidade e desempenho
Iniciantes do Flutter explorando componentes de carrossel

Considerações

Personalização limitada além da estilização básica
Sem suporte embutido para animações não lineares
Requer manipulação manual da gestão de estado
Não ideal para carrosséis interativos complexos
Depende de um widget externo PageView ou similar para funcionalidade

README original

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

A Minimal and Simple carousel indicator library.

Author

Tech Skape (Love K.) techskape@gmail.com

Screenshot

Example

import 'package:carousel_indicator/carousel_indicator.dart';
import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
      
        primarySwatch: Colors.blue,
      
        visualDensity: VisualDensity.adaptivePlatformDensity,
      ),
      home: MyHomePage(),
    );
  }
}
class MyHomePage extends StatefulWidget {
  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
 int pageIndex=0;

  List<Widget> _demo=[
    Container(height: 300,color: Colors.amber),
              Container(height: 300,color: Colors.black),
              Container(height: 300,color: Colors.blue),
              Container(height: 300,color: Colors.green),
  ];
  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Container(
          height: 300,
          width: double.infinity,
          child: PageView(
            children: _demo,
            
            onPageChanged: (index){
                setState(() {
                  pageIndex=index;
                });
            },
          ),
        ),
        SizedBox(height: 40,),
        CarouselIndicator(
          count: _demo.length,
          index: pageIndex,
        ),
      ],
    );
  }
}

Getting Started

This project is a starting point for a Flutter application.

A few resources to get you started if this is your first Flutter project:

For help getting started with Flutter, view our online documentation, which offers tutorials, samples, guidance on mobile development, and a full API reference.

Buscar pacotes, repositórios e categorias de apps