gallery_view

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Gallery View ist ein Flutter-Plugin, das entwickelt wurde, um eine Liste von Bildern in einer visuell ansprechenden Galerie-Anordnung anzuzeigen. Es ermöglicht Benutzern das Durchblättern von Bildern mit flüssigem Scrollen und intuitiven Interaktionen – ideal für Fotogalerien oder bildintensive Anwendungen. Das Plugin unterstützt sowohl Android als auch iOS und gewährleistet eine konsistente Leistung über verschiedene Geräte hinweg. Mit Fokus auf Einfachheit wurde es so gestaltet, dass es problemlos in bestehende Projekte mit einer einfachen API integriert werden kann.

Anwendungsfälle

Foto-Galerie-Apps
Bildansichtschnittstellen
E-Commerce-Produktbildanzeige
Soziale-Medien-Bildfeeds
Portfolio anzeigen

Hauptmerkmale

Glatte Galerie-Scrolling
Plattformübergreifende Unterstützung (Android & iOS)
Einfache Integration mit Flutter
Reaktives Bildlayout
integrierte Swipegesten

Geeignet für

Entwickler, die bildzentrierte Apps erstellen
Apps, die eine intuitive Bildnavigation erfordern
Projekte, die leichte Galerie-Lösungen benötigen
Mobile-first UI-Entwürfe
Schnellprototyp für Bildgalerien

Hinweise

Begrenzte Anpassungsoptionen
Keine integrierte Bildladungsoptimierung
Benötigt manuelle Behandlung großer Bilddatensätze
Nicht geeignet für komplexe Bildmanipulation
Abhängig von externen Bildladebibliotheken für erweiterte Funktionen

Original-README

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

Image Gallery View Widget

A new plugin to show the list of network image and show it in a gallery view with hero animation

Getting Started

Feature
1. Show user list of network image using urls in gallery view
2. Added Hero animation for smooth transition effect.
3. User able to zoom into image and swipe left and right to swipe between images.
4. Also showing loading icon while image is loading from url.

Example

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

void main() {
  runApp(MaterialApp(
    home: Scaffold(
      body: Center(
      child: GalleryView(
       imageUrlList:[
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                    "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1500100586562-f75ff6540087?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                     "https://images.unsplash.com/photo-1523719185231-aff40a400361?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=800&q=60",
                    
                   ]
        ),
      ),
    ),
  ));
}