{"id":15293131,"url":"https://github.com/ketanchoyal/extended_navbar_scaffold","last_synced_at":"2025-08-21T23:33:00.198Z","repository":{"id":54621151,"uuid":"204274449","full_name":"ketanchoyal/extended_navbar_scaffold","owner":"ketanchoyal","description":"A Custom Extended Scaffold with Expandable and Floating Navigation Bar","archived":false,"fork":false,"pushed_at":"2021-02-07T22:53:47.000Z","size":6353,"stargazers_count":142,"open_issues_count":1,"forks_count":39,"subscribers_count":6,"default_branch":"master","last_synced_at":"2024-12-10T10:24:22.165Z","etag":null,"topics":["android","cross-platform","dartlang","flutter","flutter-examples","flutter-package","ios"],"latest_commit_sha":null,"homepage":null,"language":"Dart","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/ketanchoyal.png","metadata":{"files":{"readme":"README.md","changelog":"CHANGELOG.md","contributing":null,"funding":".github/FUNDING.yml","license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null},"funding":{"github":["ketanchoyal"],"issuehunt":"ketanchoyal","custom":["https://www.paypal.me/ketanchoyal/"]}},"created_at":"2019-08-25T09:41:54.000Z","updated_at":"2024-11-13T20:26:49.000Z","dependencies_parsed_at":"2022-08-13T21:50:25.945Z","dependency_job_id":null,"html_url":"https://github.com/ketanchoyal/extended_navbar_scaffold","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ketanchoyal%2Fextended_navbar_scaffold","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ketanchoyal%2Fextended_navbar_scaffold/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ketanchoyal%2Fextended_navbar_scaffold/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/ketanchoyal%2Fextended_navbar_scaffold/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/ketanchoyal","download_url":"https://codeload.github.com/ketanchoyal/extended_navbar_scaffold/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230542288,"owners_count":18242332,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["android","cross-platform","dartlang","flutter","flutter-examples","flutter-package","ios"],"created_at":"2024-09-30T16:39:55.540Z","updated_at":"2024-12-20T06:06:11.248Z","avatar_url":"https://github.com/ketanchoyal.png","language":"Dart","funding_links":["https://github.com/sponsors/ketanchoyal","https://issuehunt.io/r/ketanchoyal","https://www.paypal.me/ketanchoyal/"],"categories":[],"sub_categories":[],"readme":"# extended_navbar_scaffold\n\n[![Pub](https://img.shields.io/pub/v/extended_navbar_scaffold)](https://pub.dartlang.org/packages/extended_navbar_scaffold) \n\u003ca href=\"https://flutterawesome.com/a-custom-extended-scaffold-with-expandable-and-floating-navigation-bar/\"\u003e\n   \u003cimg alt=\"Awesome Flutter\" src=\"https://img.shields.io/badge/Awesome-Flutter-blue.svg?longCache=true\u0026style=flat-square\" /\u003e\n\u003c/a\u003e\n\nCustom Extended Scaffold\n\nCustom Flutter widgets that makes Bottom Navigation Floating and can be expanded with much cleaner and easier way.\n\n## Installing\n\nAdd the following to your `pubspec.yaml` file:\n\n    dependencies:\n      extended_navbar_scaffold: any\n\n# Creating \n\n    ExtendedNavigationBarScaffold(\n      body: Container(\n        color: Colors.deepOrange,\n      ),\n      elevation: 0,\n      floatingAppBar: true,\n      appBar: AppBar(\n        shape: kAppbarShape,\n        leading: IconButton(\n          icon: Icon(\n            EvaIcons.person,\n            color: Colors.black,\n          ),\n          onPressed: () {},\n        ),\n        title: Text(\n          'Extended Scaffold Example',\n          style: TextStyle(color: Colors.black),\n        ),\n        centerTitle: true,\n        backgroundColor: Colors.white,\n      ),\n      navBarColor: Colors.white,\n      navBarIconColor: Colors.black,\n      moreButtons: [\n        MoreButtonModel(\n          icon: MaterialCommunityIcons.wallet,\n          label: 'Wallet',\n          onTap: () {},\n        ),\n        MoreButtonModel(\n          icon: MaterialCommunityIcons.parking,\n          label: 'My Bookings',\n          onTap: () {},\n        ),\n        MoreButtonModel(\n          icon: MaterialCommunityIcons.car_multiple,\n          label: 'My Cars',\n          onTap: () {},\n        ),\n        MoreButtonModel(\n          icon: FontAwesome.book,\n          label: 'Transactions',\n          onTap: () {},\n        ),\n        MoreButtonModel(\n          icon: MaterialCommunityIcons.home_map_marker,\n          label: 'Offer Parking',\n          onTap: () {},\n        ),\n        MoreButtonModel(\n          icon: FontAwesome5Regular.user_circle,\n          label: 'Profile',\n          onTap: () {},\n        ),\n        null,\n        MoreButtonModel(\n          icon: EvaIcons.settings,\n          label: 'Settings',\n          onTap: () {},\n        ),\n        null,\n      ],\n      searchWidget: Container(\n        height: 50,\n        color: Colors.redAccent,\n      ),\n      // onTap: (button) {},\n      // currentBottomBarCenterPercent: (currentBottomBarParallexPercent) {},\n      // currentBottomBarMorePercent: (currentBottomBarMorePercent) {},\n      // currentBottomBarSearchPercent: (currentBottomBarSearchPercent) {},\n      parallexCardPageTransformer: PageTransformer(\n        pageViewBuilder: (context, visibilityResolver) {\n          return PageView.builder(\n            controller: PageController(viewportFraction: 0.85),\n            itemCount: parallaxCardItemsList.length,\n            itemBuilder: (context, index) {\n              final item = parallaxCardItemsList[index];\n              final pageVisibility =\n                  visibilityResolver.resolvePageVisibility(index);\n              return ParallaxCardsWidget(\n                item: item,\n                pageVisibility: pageVisibility,\n              );\n            },\n          );\n        },\n      ),\n    );\n\n## Screenshots\n\n# Implementation\n\n\u003cimg src=\"https://github.com/ketanchoyal/extended_navbar_scaffold/raw/dev/ScreenShots/implementation.gif\" alt=\"Implementation\"/\u003e\n\n# Widget Demo\n\n\u003cimg src=\"https://github.com/ketanchoyal/extended_navbar_scaffold/raw/master/ScreenShots/demo.gif\" alt=\"Demo\"/\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fketanchoyal%2Fextended_navbar_scaffold","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fketanchoyal%2Fextended_navbar_scaffold","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fketanchoyal%2Fextended_navbar_scaffold/lists"}