Flutter How to create reusable custom Appbar widget

in this flutter tutorial i will show how to create a reusable custom AppBar widget. using a custom Appbar widget instead of flutter default will make your workflow faster and save a lot of time.

_____________________

👉 Recommended Laptops for Flutter Development:

More Flutter Tutorials:

Flutter login & register page ui design

Chat Application UI Design

Flutter Resources for learning flutter

#flutter #dart #programming #appbar #widget

[lear]

Thank you so much, it was fast and easy !

[williamdupont]

If anyone has unwanted space at the bottom of their custom AppBar, try replacing the value inside "Size.fromHeight(60.0)" to

[aymiechalouhy]

Thank you so much, very helpful.
Just one note:
we should add *required* before this.title and this.backgroundColor.

[indorilaal]

Drawr is not fully streached it open to appbar only

[ai-meta-dev]

Thank you -- everything works up to 4:12 .... getting errors on second page... ```import
import

class SecondPage extends StatelessWidget {
const SecondPage({Key? key}) : super(key: key);

@override
Widget build(BuildContext context) {
return const Scaffold(
appBar: CustomAppbar( <<--From here = The method 'CustomAppbar' isn't defined for the type 'SecondPage'.
backgroundColor: Colors.green,
title: 'Second Page',
),
body: Center(
child: Text('Second Page'),
),
);
}
}```

[camow]

Careful you don't accidentally use "PreferredSize' instead of 'PreferredSizeWidget' in the class implementation. It ask for a child parameter which had me googling for a bit.

[shubhamgothi]

provide the source code as well, if possible.