Custom_Empty widget is flutter custom widget which is designed to notify user about some event.
dependencies:
empty_widget: ^0.0.2
import 'package:empty_widget/empty_widget.dart';
Add image to assets.
flutter:
assets:
- assets/images/userIcon.png
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),
),
);
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),
),
),
),
);
}
}
Image path can be assets image or null.
title can be string or null
subTitle can be string or null
Available image assets in package Type
: PackageImage
- PackageImage.Image_1
- PackageImage.Image_2
- PackageImage.Image_3
- PackageImage.Image_4
Text style of Title
Text style of Subtitle
Screenshots | Screenshots | Screenshots | Screenshots |
---|---|---|---|
Developed by [email protected]
Feel free to help