Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von coverflow
Paketdetailsv2.0.3

coverflow

Ein Flutter-Paketprojekt, das ein einfaches horizontales Coverflow-Widget ist.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
170
Likes
15
Pub-Punkte
130

Paket installieren

flutter pub add coverflow

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Flutter-Paket, das ein einfaches horizontales Coverflow-Widget bereitstellt, das es Benutzern ermöglicht, durch eine Reihe von Elementen mit einem 3D-artigen Parallax-Effekt zu navigieren. Ideal zum Präsentieren von Bildern, Karten oder Inhalten auf visuell ansprechende Weise. Das Widget unterstützt reibungsloses Scrollen und responsive Design über mehrere Plattformen hinweg. Es ist leichtgewichtig und einfach in bestehende Flutter-Projekte zu integrieren. Perfekt für Medien-Galerien, Produktpräsentationen oder interaktive Slider.

Anwendungsfälle

  • Mediagalerien
  • Produktpräsentation
  • Interaktive Schieberegler
  • Bildcarousel
  • Benutzer-Onboarding-Bildschirme

Hauptmerkmale

  • horizontaler Coverflow-Layout
  • 3D-Parallax-Effekt
  • Plattformübergreifende Unterstützung
  • Einfache Integration
  • Reaktives Design

Geeignet für

  • Entwickler, die visuelle Inhaltanzeigen erstellen
  • Designer, die interaktive Benutzeroberflächenelemente suchen
  • Projekte mit intuitiver Navigation
  • Apps mit bildintensiven Oberflächen
  • Web- und Mobile-Anwendungen

Hinweise

  • Kann die Leistung bei großen Datensätzen beeinträchtigen
  • Begrenzte Anpassungsoptionen
  • Am besten geeignet für moderate Artikelanzahlen
  • Erfordert sorgfältige Handhabung auf Low-End-Geräten
  • Nicht ideal für vertikale Layouts

Original-README

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

Coverflow

A simple horizontal coverflow widget.

Preview

Screen Recording 2021-11-25 at 1 51 14 PM Screen Recording 2021-11-25 at 1 28 56 PM

Installation

Add coverflow: ^2.0.2 to your pubspec.yaml dependecies. And import it:

import 'package:coverflow/coverflow.dart';

How to use

Simply add a Coverflow widget with required params.

final List<String> titles = [
    "Title1",
    "Title2",
    "Title3",
    "Title4",
    "Title5",
    "Title6",
    "Title7",
    "Title8",
  ];

  final List<Widget> images = [
    Container(
      color: Colors.red,
    ),
    Container(
      color: Colors.yellow,
    ),
    Container(
      color: Colors.black,
    ),
    Container(
      color: Colors.cyan,
    ),
    Container(
      color: Colors.blue,
    ),
    Container(
      color: Colors.grey,
    ),
    Container(
      color: Colors.green,
    ),
    Container(
      color: Colors.amber,
    ),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: SizedBox(
          height: 200,
          child: CoverFlow(
            images: images,
            titles: titles,
            textStyle: TextStyle(color: Colors.red),
          ),
        ),
      ),
    );
  }

Params

CoverFlow(
    images: images,
    titles: titles,
    displayOnlyCenterTitle: true,
    textStyle: TextStyle(color: Colors.red),
)

Kategorien

Karussell oder Cover Flow

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.