Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Cover von parallax_bg
Paketdetailsv2.0.1

parallax_bg

Erstellen Sie schöne und interaktive Parallax-Hintergründe

AndroidiOS
pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
20
Likes
31
Pub-Punkte
130

Paket installieren

flutter pub add parallax_bg

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

ParallaxBg ist ein Flutter-Paket, das Entwicklern die einfache Erstellung visuell ansprechender und interaktiver Parallax-Hintergründe ermöglicht. Es unterstützt eine reibungslose Bewegung mehrerer Ebenen basierend auf Benutzereingaben oder Gerätebewegungen und ist ideal, um App-Oberflächen mit Tiefe und Dynamik zu verbessern. Das Paket lässt sich nahtlos in Flutter-Projekte integrieren und funktioniert sowohl unter Android als auch unter iOS. Mit minimalem Setup ermöglicht es reichhaltige visuelle Effekte mithilfe von Farbverläufen, Bildern oder benutzerdefinierten Widgets als Hintergrundebenen.

Anwendungsfälle

  • Splash-Bildschirme verbessern
  • Immersive Landing Pages erstellen
  • Tiefe in mobilen Benutzeroberflächen hinzufügen
  • Entwurf interaktiver Geschichtenerzählungsoberflächen

Hauptmerkmale

  • glatter Parallax-Layering
  • Unterstützung für mehrere Hintergrundebenen
  • Gerätebewegungsinintegration
  • Anpassbare Animationsgeschwindigkeit
  • Plattformübergreifende Kompatibilität (Android & iOS)

Geeignet für

  • UI-Designer, die visuellen Eindruck suchen
  • Entwickler, die ansprechende Onboarding-Erlebnisse erstellen
  • Apps, die dynamische Hintergrundeffekte erfordern
  • kreative digitale Produktprototypen

Hinweise

  • Kann die Leistung auf Low-End-Geräten beeinträchtigen
  • Erfordert sorgfältige Optimierung für komplexe Szenen
  • Begrenzte Anpassungsmöglichkeiten über das grundlegende Parallax-Verhalten hinaus
  • Am besten geeignet für statischen oder langsam bewegten Inhalt

Original-README

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

parallax_bg

Create beautiful & interactive parallax backgrounds for your apps and games.

pub package

Example Image

You can find another working example in SlideIT Mobile Game

Usage

Add following command in your pubspec.yaml & install package

parallax_bg:2.0.1

or run

flutter pub add parallax_bg

Import in your dart page

import 'package:parallax_bg/parallax_bg.dart';

Add following to create background wrapper

    ParallaxBackground(
      backgroundImage: "assets/images/galaxy.jpg",
      parallaxType: _parallaxType,
      foregroundChilds: [
        ParallaxItem(
            child: Image.asset("assets/images/planet.png"),
            offset: _planetOffset),
        ParallaxItem(
            child: Image.asset("assets/images/meteor.png"),
            offset: _meteorOffset),
      ],
      // fallback: true,
    );

Change/Add/Remove ParallaxItem for foreground items

    ParallaxItem(
    child: Image.asset("assets/images/meteor.png"),
    offset: _meteorOffset),

ParallaxBackground

PROPERTY TYPE REQUIRED DETAILS
backgroundImage string yes Image path from asset folder
foregroundChilds List yes Widgets to create foreground layers
child Widget no Child widget to draw over all parallax widgets
reverse boolean no Move foreground items in reverse direction. Default false
fallback boolean no If true render the items normally when there are no sensors available. If false, it will show a error message in visible area. Default false

ParallaxItem

PROPERTY TYPE REQUIRED DETAILS
child Widget yes Child widget to draw over background as parallax item
offset boolean no Offset values to calculate distance to move items when moving device. Need separate value for each item. Default 5

LICENSE

MIT LICENSE

Kategorien

Hintergrundeffekte, Gradienten und Shader

Abhängigkeiten

Abhängigkeiten 1 Einträge

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.