Paketdetailsv0.0.5

empty_widget

Das Custom_Empty-Widget ist ein benutzerdefiniertes Flutter-Widget, das entwickelt wurde, um den Benutzer über ein Ereignis zu informieren.

pub.dev API-Dokumentation Quellcode

30-Tage-Downloads: 537
Likes: 70
Pub-Punkte: 65

Paket installieren

flutter pub add empty_widget

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Das empty_widget ist ein benutzerdefiniertes Flutter-Widget, das Benutzern über bestimmte Ereignisse wie leere Zustände in Listen oder Datenmangel informieren soll. Es bietet eine anpassbare Platzhalter-Oberfläche, die die Benutzererfahrung verbessert, indem sie klar anzeigt, wann kein Inhalt verfügbar ist. Mit Fokus auf Einfachheit und Flexibilität unterstützt es verschiedene visuelle Konfigurationen wie Symbole, Text und Schaltflächen. Ideal zur Verbesserung der UI-Rückmeldung in Apps mit dynamischen Inhalten.

Anwendungsfälle

Leerzustände in Listen anzeigen
Fehlende Daten anzeigen
Verbesserung der Benutzerfeedback
Anpassen von Platzhaltervisuals
Verbesserung der Benutzererfahrung während des Datenladens
Aufruf-zu-Aktion-Buttons bereitstellen

Hauptmerkmale

Anpassbare Symbol und Text
Unterstützt Aktionstasten
Einfache Integration mit bestehenden Widgets
Konfigurierbare Erscheinung
Leicht und effizient
Erweiterbares Design

Geeignet für

Entwickler, die einfache leere Zustandslösungen suchen
Apps mit dynamischer Inhaltswiedergabe
UI/UX-fokussierte Flutter-Projekte
Teams, die wiederverwendbare Platzhalterkomponenten wollen
Projekte, die minimales Boilerplate erfordern

Hinweise

Eingeschränkte plattformspezifische Optimierungen
Keine integrierten Animationen
Benötigt manuelle Styling für anspruchsvolle Designs
Nicht geeignet für komplexe interaktive Platzhalter
Abhängig von externem Quellcode für Updates

Original-README

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

Empty Widget

GitHub

Custom_Empty widget is flutter custom widget which is designed to notify user about some event.

Screenshots

Screenshots	Screenshots	Screenshots	Screenshots

Getting Started

1. Add library to your pubspec.yaml

dependencies:
  empty_widget: ^0.0.3

2. Import library in dart file


import 'package:empty_widget/empty_widget.dart';

3. Use of EmptyWidget

 EmptyWidget(
   image: null,
   packageImage: PackageImage.Image_1,
   title: 'No Notification',
   subTitle: 'No  notification available yet',
   titleTextStyle: TextStyle(
     fontSize: 22,
     color: Color(0xff9da9c7),
     fontWeight: FontWeight.w500,
   ),
   subtitleTextStyle: TextStyle(
     fontSize: 14,
     color: Color(0xffabb8d6),
   ),
 );

Example

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
         primarySwatch: Colors.blue,
      ),
      home: MyHomePage(title: 'Empty widget demo'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  MyHomePage({Key key, this.title}) : super(key: key);
 final String title;

  @override
  _MyHomePageState createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Container(
        alignment: Alignment.center,
        child: EmptyWidget(
          image: null,
          packageImage: PackageImage.Image_1,
          title: 'No Notification',
          subTitle: 'No  notification available yet',
          titleTextStyle: TextStyle(
            fontSize: 22,
            color: Color(0xff9da9c7),
            fontWeight: FontWeight.w500,
          ),
          subtitleTextStyle: TextStyle(
            fontSize: 14,
            color: Color(0xffabb8d6),
          ),
        ),
      ),
    );
  }
}

Parameters and Value

Parameter	Type	Description
title	`string`	Set text for title
subTitle	`string`	Set text for subtitle
image	`string`	Display images from project assets
packageImage	`PackageImage`	Display image from package assets
titleTextStyle	`TextStyle`	Set text style for title
subtitleTextStyle	`TextStyle`	Set text style for subtitle
hideBackgroundAnimation	`bool`	Hides the background circular ball animation