Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von full_screen_image_null_safe
Paketdetailsv2.0.0

full_screen_image_null_safe

Vollbild-Fotobetrachter. Schaltet sich beim Vertikalscrollen aus. Kann mit dem Hero-Widget funktionieren.

AndroidiOSWebmacOSWindowsLinux
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
842
Likes
43
Pub-Punkte
130

Paket installieren

flutter pub add full_screen_image_null_safe

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein Full-Screen-Bildbetrachter-Paket für Flutter, das automatisch geschlossen wird, wenn der Benutzer vertikal scrollt. Es unterstützt eine nahtlose Integration mit dem Hero-Widget für reibungslose Übergänge zwischen Bildern. Entwickelt für null-sicherheit und Kompatibilität über mehrere Plattformen hinweg, einschließlich Android, iOS, Web, macOS, Windows und Linux. Ideal für Apps, die immersive Fotobetrachtungserfahrungen mit intuitiver Gestensteuerung erfordern.

Anwendungsfälle

  • Hochauflösende Bilder im Vollbild anzeigen
  • Bildgalerien mit sanften Übergängen erstellen
  • Integration mit Hero-Animationen für das Teilen von Bildern
  • Verbesserung der Fotobrowser-Erfahrung auf Mobilgeräten und im Web
  • Swipe-to-Dismiss-Verhalten implementieren
  • Anzeigen von Bildern in einem Vollbild-Modal

Hauptmerkmale

  • Automatisches Verbergen bei vertikalem Scrollen
  • Null-sichere Dart-Implementierung
  • Hero-Widget-Kompatibilität
  • Plattformübergreifende Unterstützung (Android, iOS, Web, macOS, Windows, Linux)
  • Geste gesteuerte Navigation
  • Leicht und einfach zu integrieren

Geeignet für

  • Mobile und Web-Fotogalerie-Apps
  • bildintensive Anwendungen
  • Apps, die Hero-Übergänge verwenden
  • Entwickler, die einfache Vollbild-Bildbetrachter suchen
  • Projekte, die plattformunabhängige Bildanzeige erfordern
  • Benutzer, die eine intuitive Bildnavigation wünschen

Hinweise

  • Unterstützt möglicherweise keine horizontale Scroll-Abschaltung
  • Begrenzte Anpassungsmöglichkeiten für Gesten
  • Hängt vom übergeordneten Scrollkontext für die Aufhebung ab
  • Am besten geeignet für Einzelbildansichten anstelle komplexer Layouts
  • Erfordert sorgfältige Handhabung in verschachtelten Scrollansichten
  • Nicht für Video- oder animiertes Inhalt ausgelegt

Original-README

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

Full Screen image

Full screen photo viewer. It shuts off when scrolling vertically. Can work with Hero widget

Installation

To use this plugin, add full_screen_image_null_safe as a dependency in your pubspec.yaml file.

full_screen_image_null_safe: any

Getting Started

Check out the example app using full_screen_image.

Flutter

Full screen image:
  FullScreenWidget(
        child: ClipRRect(
          borderRadius: BorderRadius.circular(16),
          child: Image.asset(
            "assets/image1.jpg",
            fit: BoxFit.cover,
          ),
        ),
      )
Full screen with hero:
FullScreenWidget(
        child: Hero(
          tag: "customTag",
          child: ClipRRect(
            borderRadius: BorderRadius.circular(16),
            child: Image.asset(
              "assets/image2.jpg",
              fit: BoxFit.cover,
            ),
          ),
        ),
      );
Small image:

if you don't want widget full screen then use center widget 

 FullScreenWidget(
        child: Center(
          child: Hero(
            tag: "smallImage",
            child: ClipRRect(
              borderRadius: BorderRadius.circular(16),
              child: Image.asset(
                "assets/image3.jpg",
                fit: BoxFit.cover,
              ),
            ),
          ),
        ),
      );
Custom background color:
FullScreenWidget(
        backgroundColor: Colors.purple,
        child: Center(
          child: Hero(
            tag: "customBackground",
            child: ClipRRect(
              borderRadius: BorderRadius.circular(16),
              child: Image.asset(
                "assets/image3.jpg",
                fit: BoxFit.cover,
              ),
            ),
          ),
        ),
      );
Non transparent widget:
FullScreenWidget(
        backgroundColor: Colors.purple,
        backgroundIsTransparent: false,
        child: Center(
          child: Hero(
            tag: "nonTransparent",
            child: ClipRRect(
              borderRadius: BorderRadius.circular(16),
              child: Image.asset(
                "assets/image3.jpg",
                fit: BoxFit.cover,
              ),
            ),
          ),
        ),
      );
Custom widget:
  FullScreenWidget(
        child: SafeArea(
          child: Card(
            elevation: 4,
            child: Container(
              height: 350,
              padding: const EdgeInsets.all(8.0),
              child: Column(
                children: <Widget>[
                  Hero(
                    tag: "customWidget",
                    child: ClipRRect(
                      borderRadius: BorderRadius.circular(16),
                      child: Image.asset(
                        "assets/image3.jpg",
                        fit: BoxFit.cover,
                      ),
                    ),
                  ),
                  SizedBox(
                    height: 16,
                  ),
                  Text('Lorem text',style: TextStyle(color: Colors.black,fontWeight: FontWeight.bold),),
                  SizedBox(
                    height: 16,
                  ),
                  Expanded(
                    child: Text(
                      lorem,
                    ),
                  ),

                ],
              ),
            ),
          ),
        ),
      );

License

Apache

Kategorien

Bild

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.