fluttre extended navbar scaffold
custom flutter widgets that makes bottom navigation floating and can be expanded with much cleaner and easier way.
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,
);
},
);
},
),
);
Comments are closed.