empty_widget 0.0.1-hotfix copy "empty_widget: ^0.0.1-hotfix" to clipboard
empty_widget: ^0.0.1-hotfix copied to clipboard

outdated

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

empty_Widget pub package GitHub stars #

Getting Started #

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';

Add image to assets.

flutter:
  assets:
    - assets/images/userIcon.png

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

Screenshots #

Screenshots Screenshots Screenshots Screenshots
65
likes
0
pub points
92%
popularity

Publisher

unverified uploader

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

Repository (GitHub)
View/report issues

License

unknown (LICENSE)

Dependencies

flutter

More

Packages that depend on empty_widget