backdrop_material_widget

Description:

backdrop material widget

backdrop_widget #
Backdrop component for Material Components 2.0.
Material Components 2.0 Backdrop
Widget is implemented behavior and styling backdrop material component.
This have two mode behavior:

Open page mode
Navigation mode

How use #
One destination mode

@override
Widget build(BuildContext context) {
return BackdropScaffold(
titleAppBar: //Your title
frontWidgetBuilder: (context){
//Return your frontPanel widget
}, backPanelBuilder: (context) {
//Return your backPanel widget
});
}
copied to clipboard
Navigation mode

@override
Widget build(BuildContext context) {
return BackdropScaffold.navigation(
titleAppBar: Text('Backdrop example'),
destinations: [
NavigationDestination(
icon: //Icon page,
title: //Title page
),
],
children: [
//Your pages
],
);
}
copied to clipboard
If you needed AppBar actions for page, use this [BackdropPageActionsMixin]
class Page extends StatelessWidget with BackdropPageActionsMixin {
const Page();

@override
List<Widget> get actions => [IconButton(icon: const Icon(Icons.exit_to_app), onPressed: () {})];

@override
Widget build(BuildContext context) {
return Center(
child: Text('Page with action'),
);
}
}
copied to clipboard