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

ScreenshotsScreenshotsScreenshotsScreenshots

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

ParameterTypeDescription
titlestringSet text for title
subTitlestringSet text for subtitle
imagestringDisplay images from project assets
packageImagePackageImageDisplay image from package assets
titleTextStyleTextStyleSet text style for title
subtitleTextStyleTextStyleSet text style for subtitle
hideBackgroundAnimationboolHides 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 :coffee:

Visitors Count

Loading

Libraries

empty_widget