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

Overview

Empty Widget

Open Source Love GitHub last commit GitHub GitHub code size in bytes GitHub stars GitHub forks

pub package Likes Popularity Pub points

Hits

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

Download Example App

Pull Requests

I welcome and encourage all pull requests. It usually will take me within 24-48 hours to respond to any issue or request.

Created & Maintained By

Sonu Sharma (Twitter) (Youtube) (Insta) Twitter Follow

If you found this project helpful or you learned something from the source code and want to thank me, consider buying me a cup of

Visitors Count

Loading

Comments
  • Not able display asset image from project

    Not able display asset image from project

    I am trying to use this (EmptyWidget) package in my application to display widget with text and image, when there is no data available to display to the user.

    I am using the following code, I do not want to use packageImage but instead i want to use asset image from my project. I have also noticed if i don't use packageImage parameter or set it to null, I get Error: Null check operator used on a null value.

    EmptyWidget( image: 'images/test.jpg', packageImage: PackageImage.Image_3, title: 'No Data Found', );

    Even if I specify my image path using image attribute, It doesn't display image at all and I can't ignore packageImage attribute. I don't know if its a bug , it seems like that it is mandatory to use packageImage attribute and use available images from it. Could you please specify how could I use custom image from project and in some cases if i don't need to display image but text only, how could i do it.

    Thanks,

    bug enhancement 
    opened by parteekpassi 9
  • AnimationControllers not disposed properly

    AnimationControllers not disposed properly

    Describe the bug _EmptyListWidgetState created a Ticker via its TickerProviderStateMixin, but at the time dispose() was called on the mixin, that Ticker was still active. All Tickers must be disposed before calling super.dispose().

    Tickers used by AnimationControllers should be disposed by calling dispose() on the AnimationController itself. Otherwise, the ticker will leak.

    opened by Innovation-Harbour 3
  • Widget wont dispose eventually

    Widget wont dispose eventually

    Describe the bug Exception is thrown, possible memory leak on devices.

    Logs

    I/flutter (21090): ══╡ EXCEPTION CAUGHT BY WIDGETS LIBRARY ╞═══════════════════════════════════════════════════════════
    I/flutter (21090): The following assertion was thrown while finalizing the widget tree:
    I/flutter (21090): _EmptyListWidgetState#0e91d(tickers: tracking 1 ticker) was disposed with an active Ticker.
    I/flutter (21090): _EmptyListWidgetState created a Ticker via its TickerProviderStateMixin, but at the time dispose()
    I/flutter (21090): was called on the mixin, that Ticker was still active. All Tickers must be disposed before calling
    I/flutter (21090): super.dispose().
    I/flutter (21090): Tickers used by AnimationControllers should be disposed by calling dispose() on the
    I/flutter (21090): AnimationController itself. Otherwise, the ticker will leak.
    I/flutter (21090): The offending ticker was:
    I/flutter (21090):   _WidgetTicker(created by _EmptyListWidgetState#0e91d(lifecycle state: created, tickers: tracking 1
    I/flutter (21090):   ticker))
    

    To Reproduce Steps to reproduce the behavior:

    1. Create a empty project with tabbar, showing EmptyListWidget in every bar.
    2. Go forth and back quickly many times among the bars, exception will be thrown

    Expected behavior Errors not happening

    opened by brunodmn 2
  • sorry it is present the feature

    sorry it is present the feature

    Is your feature request related to a problem? Please describe. A clear and concise description of what the problem is. Ex. I'm always frustrated when [...]

    Describe the solution you'd like A clear and concise description of what you want to happen.

    Describe alternatives you've considered A clear and concise description of any alternative solutions or features you've considered.

    Additional context Add any other context or screenshots about the feature request here.

    opened by backandy 0
  • Setting hideBackgroundAnimation true, still show some bounce effect

    Setting hideBackgroundAnimation true, still show some bounce effect

    Describe the bug A clear and concise description of what the bug is.

    To Reproduce Steps to reproduce the behavior:

    1. Go to '...'
    2. Click on '....'
    3. Scroll down to '....'
    4. See error

    Expected behavior A clear and concise description of what you expected to happen.

    Screenshots If applicable, add screenshots to help explain your problem.

    Desktop (please complete the following information):

    • OS: [e.g. iOS]
    • Browser [e.g. chrome, safari]
    • Version [e.g. 22]

    Smartphone (please complete the following information):

    • Device: [e.g. iPhone6]
    • OS: [e.g. iOS8.1]
    • Browser [e.g. stock browser, safari]
    • Version [e.g. 22]

    Additional context Add any other context about the problem here.

    opened by sarojraut 0
Releases(0.0.1-hotfix)
Owner
Sonu Sharma
Just a passionate technology enthusiast whose flaw is curiosity. I like to figure out complex problems, working with teams.
Sonu Sharma
Connection Notifier - A simple way to notify your user about the connection status.

Connection Notifier A simple way to notify your user about the connection status. Basic Usage: ConnectionNotifier class MyApp extends StatelessWidget

haptome 0 Apr 30, 2022
An Event-based system, highly inspired by NodeJS's Event Emitter

An Event-based system, highly inspired by NodeJS's Event Emitter. This implementation uses generic types to allow for multiple data types, while still being intuitive.

JUST A SNIPER ツ 5 Dec 1, 2022
To Do App help me to remember my tasks , notify me .

todoapp A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if this

Ahmed Hossny 1 Jan 10, 2022
Music-App-Flutter - This is a flutter app which has some songs displayed in the form of a list and user can play any of them by clicking on the name of the song.

music_player_app A music player app made by me in flutter About the App This is a music player which i made to play audio files which we have passed i

Harsh Kumar Khatri 3 Apr 1, 2021
A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also have privilege for fully customization from user side. like flipkart, amazon, myntra, meesho.

step_tracker plugin A Flutter step_tracker plugin is collect information from user and display progress through a sequence of steps. this plugin also

Roshan nahak 5 Oct 21, 2022
The simple way to show the user some information on your selected widget.

Info Popup The simple way to show the user some information on your selected widget. Features Info holder with dynamic size Fully editable content are

Salih Can 9 Nov 23, 2022
Magpie is a visualized platform which designed to create, develop and compile your standalone flutter module.

Magpie Workflow is a visualized platform which is designed to create, develop and compile your standalone flutter module;

Wuba 124 Dec 4, 2022
A Flutter App That Find Party Event

EventZ ?? ?? Description: Discover events & upcoming events in your city and near you. Get personalized event recommendations! Find events your friend

李瑞孟 4 Jun 30, 2022
Flutter Event app UI design from Dribbble

Flutter Event App Flutter event app UI design inspire from Dribble. Design Design from Dribble App UI UI GIF Screen HomePage Detail Implemented Featur

Chunlee Thong 85 Dec 20, 2022
Flutter Image add drag sort, Image add drag sort, support click event, delete, add, long press drag sort.

flutter_image_add_drag_sort Flutter Image add drag sort, Image add drag sort, support click event, delete, add, long press drag sort, support video fi

null 5 Jun 23, 2020
Flutter application for event manage API- Hiring challenge

Event Manage App Simple flutter application for listing and filtering out events. Setup guide Install Flutter Follow the official guide from the flutt

null 3 Oct 25, 2022
Return a Stream that emits null and done event when didChangeDependencies is called for the first time.

did_change_dependencies Author: Petrus Nguyễn Thái Học Return a Stream that emits null and done event when State.didChangeDependencies is called for t

Petrus Nguyễn Thái Học 5 Nov 9, 2022
OneAppFlutter - An official event app for HackRU

One App Flutter The Official HackRU Flutter App Feel free to show some ❤️ and ⭐ the repo to support the project. Description What is the purpose of th

HackRU 24 Dec 10, 2022
At its core, Mah-Event lets end-users initiate and find events corresponding to their interests and location

Mah-Event Application At its core, Mah-Event lets end-users initiate and find events corresponding to their interests and location. It allows people t

Palm Jumnongrat 4 Oct 23, 2022
An Event Bus using Dart Streams for decoupling applications

Event Bus A simple Event Bus using Dart Streams for decoupling applications. GitHub | Pub | Demos and Examples Event Bus Pattern An Event Bus follows

Marco Jakob 700 Jan 4, 2023
Mobile application which contains some mulim's Azkars.

Azkark/اذكارك ما هو هذا البرنامج تطبيق جوال يحتوي علي أذكار المسلم و ادعية و تسابيح باللغة العربية و الانجليزية ماذا استخدمنا في هذا المشروع لغة دارت

Abdelaziz Salah 8 Oct 31, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI 1/2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Fl

Johannes Milke 46 Dec 6, 2022
Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flutter app.

Flutter Tutorial - User Profile Page UI #2 Create a Flutter User Profile Page UI where you can access and edit your user's information within your Flu

Johannes Milke 45 Dec 15, 2022