carousel_indicator

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein leichtgewichtiges und unkompliziertes Flutter-Paket zur Erstellung von Carousel-Indikatoren, die sich basierend auf dem aktuellen Index aktualisieren. Es verfügt über eingebaute Slide-Animationen für reibungslose Übergänge zwischen Indikatorzuständen. Auf Einfachheit ausgelegt, lässt es sich problemlos in jedes Carousel- oder Coverflow-UI integrieren und bietet visuelle Rückmeldung zum aktuellen Slidestatus ohne zusätzliche Komplexität. Ideal für Apps, die minimalistische, animierte Indikatoren mit geringem Setup benötigen.

Anwendungsfälle

Slide-Fortschritt in einem Karussell anzeigen
Verbesserung der Benutzererfahrung durch visuelle Rückmeldung
Erstellen von animierten Indikatoren für Coverflow-Layouts
Integration mit PageView- oder Carousel-Widgets
Anpassen des Indikator-Aussehens mit minimalem Code

Hauptmerkmale

Einfache indexbasierte Aktualisierung
vorgefertigte Folienanimation
Minimale API-Oberfläche
Unterstützt mehrere Plattformen
Einfache Integration mit PageView
Anpassbare Indikator-Stilisierung

Geeignet für

Entwickler, die leichte Carousel-Indikatoren suchen
Apps mit dynamischen Inhaltscarousels
UIs, die subtile visuelle Hinweise erfordern
Projekte, die Einfachheit und Leistung priorisieren
Flutter-Anfänger erkunden Karussell-Komponenten

Hinweise

Eingeschränkte Anpassung über die grundlegende Gestaltung hinaus
Keine integrierte Unterstützung für nichtlineare Animationen
Erfordert manuelle Behandlung der Zustandsverwaltung
Nicht ideal für komplexe interaktive Karussells
Abhängig von einem externen PageView oder ähnlichen Widget für Funktionalität

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

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.

Pakete, Repositories und App-Kategorien suchen