empty_widget 0.0.1

Flutter Android iOS web

Custom_Empty widget is developed to show custom empty widget when there is no data available to show on screen i.e in place of empty list

empty_Widget pub package #

ScreenshotsScreenshots

1. Add library to your pubspec.yaml #

dependencies:
...
  empty_widget: ^0.0.1-dev.1 # such as version, you need use the latest version of pub.
...

2. Import library in dart file #

import 'package:empty_widget.dart';

3. Use of EmptyListWidget #

EmptyListWidget(
   title: 'No Notification',
   subTitle: 'No  notification available yet',
   image: 'assets/images/userIcon.png',
   titleTextStyle: Theme.of(context).typography.dense.display1.copyWith(color: Color(0xff9da9c7)),
   subtitleTextStyle: Theme.of(context).typography.dense.body2.copyWith(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: Center(
        child: Container(
            height: 500,
            width:350,
          child:  EmptyListWidget(
            image : null,
            packageImage: PackageImage.Image_1,
            title: 'No Notification',
            subTitle: 'No  notification available yet',
            titleTextStyle: Theme.of(context).typography.dense.display1.copyWith(color: Color(0xff9da9c7)),
            subtitleTextStyle: Theme.of(context).typography.dense.body2.copyWith(color: Color(0xffabb8d6))
         ),
        )
      ),
    );
  }
}

Parameters and Value #

Images

Image path can be assets image or null.

title

title can be string or null

subTitle

subTitle can be string or null

packageImage

Available image assets in package Type : PackageImage

Values
  • PackageImage.Image_1
  • PackageImage.Image_2
  • PackageImage.Image_3
  • PackageImage.Image_4

titleTextStyle

Text style of Title

subtitleTextStyle

Text style of Subtitle

Download App #

Credits #

Developed by sonu.sharma045@gmail.com

Contributing #

Feel free to help

10
likes
90
pub points
83%
popularity

Custom_Empty widget is developed to show custom empty widget when there is no data available to show on screen i.e in place of empty list

Repository (GitHub)
View/report issues

Documentation

API reference

Uploader

sonu.sharma045@gmail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on empty_widget