empty_widget 0.0.2 copy "empty_widget: ^0.0.2" to clipboard
empty_widget: ^0.0.2 copied to clipboard

outdated

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

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.2

2. Import library in dart file #


import 'package:empty_widget/empty_widget.dart';

Add image to assets.

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

3. Use of EmptyListWidget #

 EmptyListWidget(
   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: EmptyListWidget(
          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 #

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 #

Screenshots #

Screenshots Screenshots Screenshots Screenshots

Credits #

Developed by sonu.sharma045@gmail.com

Contributing #

Feel free to help

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