backdrop_material_widget 1.0.8+2

Flutter Android iOS web

Backdrop component of Material Components 2.0.

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

One destination

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

Navigation mode

Demonstration navigation

  @override
  Widget build(BuildContext context) {
    return BackdropScaffold.navigation(
              titleAppBar: Text('Backdrop example'),
              destinations: [
                NavigationDestination(
                  icon: //Icon page, 
                  title: //Title page
                ),
              ],
              children: [
                //Your pages
              ],
            );
  }

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'),
    );
  }
}
1
likes
90
pub points
41%
popularity

Backdrop component of Material Components 2.0.

Repository (GitLab)
View/report issues

Documentation

API reference

Uploader

andrexkedo@gmail.com

License

BSD (LICENSE)

Dependencies

flutter

More

Packages that depend on backdrop_material_widget