backdrop_material_widget

Creator: coderz1093

Last updated:

0 purchases

backdrop_material_widget Image
backdrop_material_widget Images
Add to Cart

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

License

For personal and professional use. You cannot resell or redistribute these repositories in their original state.

Files In This Product:

Customer Reviews

There are no reviews.