ketanchoyal / Extended_navbar_scaffold
Licence: mit
A Custom Extended Scaffold with Expandable and Floating Navigation Bar
Stars: ✭ 132
Projects that are alternatives of or similar to Extended navbar scaffold
Minijvm
Develop iOS Android app in java, Cross platform java virtual machine , the minimal jvm .
Stars: ✭ 127 (-3.79%)
Mutual labels: cross-platform
Liblightmodbus
A cross-platform, lightweight Modbus RTU library
Stars: ✭ 121 (-8.33%)
Mutual labels: cross-platform
Atomicdex Desktop
atomicDEX Desktop app - project codename "Dextop"
Stars: ✭ 126 (-4.55%)
Mutual labels: cross-platform
Fonline
FOnline Engine is a flexible cross-platform isometric game engine
Stars: ✭ 128 (-3.03%)
Mutual labels: cross-platform
Nfd Rs
OS-native file dialogs on Linux, OS X and Windows
Stars: ✭ 121 (-8.33%)
Mutual labels: cross-platform
Flutter Ui Designs
Just collection of UI designs build with flutter. Can run on any mobile, web & desktop.
Stars: ✭ 131 (-0.76%)
Mutual labels: cross-platform
Liblouis
Open-source braille translator and back-translator.
Stars: ✭ 129 (-2.27%)
Mutual labels: cross-platform
Style Dictionary
A build system for creating cross-platform styles.
Stars: ✭ 2,097 (+1488.64%)
Mutual labels: cross-platform
Awesome Weex
A curated list of awesome Weex guides, articles, sites, tools, projects and resources.
Stars: ✭ 1,539 (+1065.91%)
Mutual labels: cross-platform
Phoenix
wxPython's Project Phoenix. A new implementation of wxPython, better, stronger, faster than he was before.
Stars: ✭ 1,698 (+1186.36%)
Mutual labels: cross-platform
Dasynq
Thread-safe cross-platform event loop library in C++
Stars: ✭ 127 (-3.79%)
Mutual labels: cross-platform
Blinkid React Native
ID scanning for cross-platform apps built with ReactNative.
Stars: ✭ 131 (-0.76%)
Mutual labels: cross-platform
Hprose Objc
Hprose is a cross-language RPC. This project is Hprose 2.0 Client for Objective-C
Stars: ✭ 130 (-1.52%)
Mutual labels: cross-platform
Cheroot
Cheroot is the high-performance, pure-Python HTTP server used by CherryPy. Docs -->
Stars: ✭ 128 (-3.03%)
Mutual labels: cross-platform
extended_navbar_scaffold
Custom Extended Scaffold
Custom Flutter widgets that makes Bottom Navigation Floating and can be expanded with much cleaner and easier way.
Installing
Add the following to your pubspec.yaml
file:
dependencies:
extended_navbar_scaffold: any
Creating
ExtendedNavigationBarScaffold(
body: Container(
color: Colors.deepOrange,
),
elevation: 0,
floatingAppBar: true,
appBar: AppBar(
shape: kAppbarShape,
leading: IconButton(
icon: Icon(
EvaIcons.person,
color: Colors.black,
),
onPressed: () {},
),
title: Text(
'Extended Scaffold Example',
style: TextStyle(color: Colors.black),
),
centerTitle: true,
backgroundColor: Colors.white,
),
navBarColor: Colors.white,
navBarIconColor: Colors.black,
moreButtons: [
MoreButtonModel(
icon: MaterialCommunityIcons.wallet,
label: 'Wallet',
onTap: () {},
),
MoreButtonModel(
icon: MaterialCommunityIcons.parking,
label: 'My Bookings',
onTap: () {},
),
MoreButtonModel(
icon: MaterialCommunityIcons.car_multiple,
label: 'My Cars',
onTap: () {},
),
MoreButtonModel(
icon: FontAwesome.book,
label: 'Transactions',
onTap: () {},
),
MoreButtonModel(
icon: MaterialCommunityIcons.home_map_marker,
label: 'Offer Parking',
onTap: () {},
),
MoreButtonModel(
icon: FontAwesome5Regular.user_circle,
label: 'Profile',
onTap: () {},
),
null,
MoreButtonModel(
icon: EvaIcons.settings,
label: 'Settings',
onTap: () {},
),
null,
],
searchWidget: Container(
height: 50,
color: Colors.redAccent,
),
// onTap: (button) {},
// currentBottomBarCenterPercent: (currentBottomBarParallexPercent) {},
// currentBottomBarMorePercent: (currentBottomBarMorePercent) {},
// currentBottomBarSearchPercent: (currentBottomBarSearchPercent) {},
parallexCardPageTransformer: PageTransformer(
pageViewBuilder: (context, visibilityResolver) {
return PageView.builder(
controller: PageController(viewportFraction: 0.85),
itemCount: parallaxCardItemsList.length,
itemBuilder: (context, index) {
final item = parallaxCardItemsList[index];
final pageVisibility =
visibilityResolver.resolvePageVisibility(index);
return ParallaxCardsWidget(
item: item,
pageVisibility: pageVisibility,
);
},
);
},
),
);
Screenshots
Implementation
Widget Demo
Note that the project description data, including the texts, logos, images, and/or trademarks,
for each open source project belongs to its rightful owner.
If you wish to add or remove any projects, please contact us at [email protected].