Pakete, Repositories und App-Kategorien suchen

ducafecatFlutter-Ökosystem
Paketdetailsv0.1.0

image_ink_well

Image InkWell Flutter-Plugin. Dieser bietet Rectangle-, abgerundete Rechteck- und Kreisform von InkWell.

pub.dev API-Dokumentation Quellcode
30-Tage-Downloads
27
Likes
15
Pub-Punkte
25

Paket installieren

flutter pub add image_ink_well

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Image InkWell ist ein Flutter-Plugin, das die Funktionalität von InkWell erweitert, damit sie mit Bildern funktioniert und benutzerdefinierte Berührungsziele wie Rechtecke, abgerundete Rechtecke und Kreise bietet. Es ermöglicht interaktive Bildelemente mit visueller Rückmeldung bei Berührung und verbessert so die Benutzererfahrung in bildbasierten Oberflächen. Das Paket lässt sich nahtlos in Flutter-Anwendungen integrieren und unterstützt verschiedene Bildstiloptionen durch einfache Konfiguration. Ideal für interaktive Bildkarten, Schaltflächen oder Miniaturansichten mit reaktiver Rückmeldung.

Anwendungsfälle

  • Interaktive Bildschaltflächen erstellen
  • Bildgalerien mit Touch-Rückmeldung erstellen
  • Benutzerdefinierte Bildkarten gestalten
  • Implementierung von kreisförmigen Bildauswahlern
  • Entwicklung von berührungsempfindlichen Bildkomponenten

Hauptmerkmale

  • Unterstützt Rechteck-, abgerundete Ecke und Kreis-Tap-Ziele
  • Bietet visuelle Rückmeldung bei Berührung
  • Einfache Integration in bestehende Flutter-Projekte
  • Anpassbare Rahmen- und Formstile
  • Funktioniert mit jedem Image-Widget

Geeignet für

  • Entwickler, die bildintensive Benutzeroberflächen erstellen
  • UI-Designer, die interaktive Bildelemente benötigen
  • Apps, die Berührungsrückmeldung auf Bildern erfordern
  • Projekte, die benutzerdefinierte interaktive Bereiche verwenden

Hinweise

  • Beschränkt auf einfache Formen (keine komplexen Geometrien)
  • Keine eingebauten Animationen außer den standardmäßigen InkWell-Effekten
  • Benötigt manuelle Behandlung der Bildskalierung und Ausrichtung
  • Nicht für sehr große Bildsammlungen optimiert
  • Abhängig vom Verhalten von Flutter's InkWell für Haptik-Feedback

Original-README

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

image_ink_well

Image InkWell Flutter plugin.

Getting Started

Dependency
dependencies:
  image_ink_well: ^0.1.0
Import
import 'package:image_ink_well/image_ink_well.dart';
Example
// rectangle image inkwell
ImageInkWell(
  onPressed: () {
    print('onPressed');
  },
  width: 300,
  height: 180,
  image: NetworkImage(
      'https://images.unsplash.com/photo-1547651196-4bd31258de69?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
  splashColor: Color(0x32ff0000),
)

// rounded rectangle image inkwell
RoundedRectangleImageInkWell(
  onPressed: () {
    print('onPressed');
  },
  width: 300,
  height: 150,
  borderRadius: BorderRadius.only(
      topLeft: const Radius.circular(20),
      topRight: const Radius.circular(20),
      bottomLeft: const Radius.circular(20)),
  image: NetworkImage(
      'https://images.unsplash.com/photo-1547332184-070705bccbd3?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
)

// circle image inkwell
CircleImageInkWell(
  onPressed: () {
    print('onPressed');
  },
  size: 200,
  image: NetworkImage(
      'https://images.unsplash.com/photo-1547651619-238e04d07889?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60'),
  splashColor: Colors.white24,
)

Kategorien

Bild

Quell-Repository

Projekte, die dieses Paket verwenden

Noch keine Daten verfügbar.