Custom Appbar widget For Flutter

Appbar Widget

We need to create class and extends stateless widget to make the class to widget

class AppBarHeadLine extends StatelessWidget{ String title; @override Widget build(BuildContext context) { return AppBar( title: Text(title),); } AppBarHeadLine(String title){ this.title=title; } }

we need to implent PreferredSizeWidget for creating Appbar widget

to impliment the override method preferredSize

to mention the Appbar height

@override // TODO: implement preferredSize Size get preferredSize => const Size.fromHeight(80);

` class AppBarHeadLine extends StatelessWidget implements PreferredSizeWidget{
String title;
@override
// TODO: implement preferredSize
Size get preferredSize => const Size.fromHeight(80);

@override
Widget build(BuildContext context) {
return AppBar(
title: Text(title),

);
}
AppBarHeadLine(String title){
this.title=title;
}
} `

after creating Appbar widget we need to pass that when needed it

class _HomePageState extends State<HomePage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBarHeadLine('Top News'), ); } }