flutterap_breadcrumb 1.0.12 copy "flutterap_breadcrumb: ^1.0.12" to clipboard
flutterap_breadcrumb: ^1.0.12 copied to clipboard

Breadcrumb widget based on flutter navigation, with different styles.

flutterap_breadcrumb #

This package is extended from flutterap admin panel Flutterap is a most developer-friendly, highly customizable admin dashboard template based on Flutter. It comes with lots of features that make development easier for you. Website : flutterap.com

#

#

#

Features #

Breadcrumb widget based on flutter navigation, with different styles. Due to the fact that the breadcrumb has a special importance in Flutter programs, especially in the desktop, which does not have a back button, Flutterap_breadcrumb is designed based on Navigation system of flutter and uses from AppNavigatorObservers in MaterialApp. Flutterap_breadcrumb support rtl and ltr locales, and you can manage presence on each page by click on breadcrumb component. Flutterap_breadcrumb is provided in different styles that the shaped case images in different platforms are shown below.

flutterap_breadcrumb in mobile #

flutterap_breadcrumb in web #

flutterap_breadcrumb in desktop #

Getting started #

First navigatorObservers: [AppNavigatorObserver()], should be added in main MaterialApp:

MaterialApp( debugShowCheckedModeBanner: false, navigatorObservers: [AppNavigatorObserver()],...

Usage #

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

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title:  Text("Flutterap Breadcrumb",),
      ),
      body:Column(
        mainAxisAlignment: MainAxisAlignment.start,
        crossAxisAlignment: CrossAxisAlignment.start,
        children: [
          Padding(
            padding: const EdgeInsets.symmetric(horizontal: 8.0,vertical: 20),
            child: FxBreadCrumbNavigator.shaped(
              firstRoute: "Flutterap Breadcrumb",
              breadButtonType: BreadButtonType.shaped,),
          ),

          TextButton(

            onPressed: () {
              Navigator.pushNamed(context, SecondPage.routeName);
            },
            child: const Text('Navigate to second page'),
          ),
        ],
      ),
    );
  }
}

2
likes
130
points
60
downloads

Publisher

verified publisherflutterap.com

Weekly Downloads

Breadcrumb widget based on flutter navigation, with different styles.

Repository (GitHub)

Documentation

API reference

License

MIT (license)

Dependencies

flutter, intl

More

Packages that depend on flutterap_breadcrumb