coderuni / bottom_bar Goto Github PK
View Code? Open in Web Editor NEWBottom bar helps create an optimized bottom navigation bar with beautiful animations
Home Page: https://pub.dev/packages/bottom_bar
License: MIT License
Bottom bar helps create an optimized bottom navigation bar with beautiful animations
Home Page: https://pub.dev/packages/bottom_bar
License: MIT License
Help ! how to add Bage?
Hello,
Sorry for the constant bugging (pun not intended), but is it possible for you to add an inactive icon as a parameter in the BottomBarItem? This would work similarly to the inactive color.
Right now I am doing something like this manually but would be easier to have it as a parameter.
items: <BottomBarItem>[
BottomBarItem(
icon: _currentPage == 0
? Icon(Icons.home)
: Icon(Icons.home_outlined),
title: Text("Home"),
activeColor: Colors.green,
inactiveColor: Colors.blueGrey[300],
),
BottomBarItem(
icon: _currentPage == 1
? Icon(Icons.table_chart)
: Icon(Icons.table_chart_outlined),
title: Text("Tables"),
activeColor: Colors.blueAccent,
inactiveColor: Colors.blueGrey[300],
),
],
Hope this is a simple feature to add!
Thanks,
Rhino
P.S: Sorry for the constant feature requests, just trying to streamline my code and these requests might help other people who use the package in the future. Thanks once again, keep up the great work! :)
Hello,
I love the package and have been using it for a while. But as I am progressing I realized that there is one major issue. There is no way to change the background color. I have tried all known ways to do this with a normal bottom navigation bar, and I still couldn't find one. If someone knows a way to do so please let me know, and if it is not a feature yet, please try to implement it in an upcoming update as it would greatly improve the usability of your package.
Thanks,
Rhino
When more than 4 BottomBarItems are used its show renderflex overflow error.
Hi,
Another feature request that I think will greatly improve the functionality of the bottom_bar package would be to include a height and width parameter (width might be a bit unreasonable but height is definitely necessary). I have tried to replicate the solution proposed in Stack Overflow by just wrapping the BottomBar widget with a SizedBox or a Container. (https://stackoverflow.com/questions/53758698/flutter-dart-customize-bottom-navigation-bar-height)
Here is the code to replicate the request/problem.
bottomNavigationBar: Container( //can also be a SizedBox (obviously without the padding)
height: 60,
padding: EdgeInsets.symmetric(
horizontal: size.height * 0.07, vertical: size.height * 0.02),
child: BottomBar(
itemPadding: EdgeInsets.all(size.height * 0.01),
selectedIndex: _currentPage,
onTap: (int index) {
_pageController.jumpToPage(index);
setState(() => _currentPage = index);
},
items: <BottomBarItem>[
BottomBarItem(
icon: _currentPage == 0
? Icon(Icons.home)
: Icon(Icons.home_outlined),
title: Text("Home"),
activeColor: Colors.green,
inactiveColor: Colors.blueGrey[300],
),
BottomBarItem(
icon: _currentPage == 1
? Icon(Icons.table_chart)
: Icon(Icons.table_chart_outlined),
title: Text("Tables"),
activeColor: Colors.blueAccent,
inactiveColor: Colors.blueGrey[300],
),
],
),
),
Here is a screenshot of the result:
Let me know if there are any already known solutions. If not please consider adding this in an upcoming update.
Keep up the great work. Loving your package!
Thanks,
Rhino
Situation:
Just using icons, no title
tried:
Issue facing:
extra padding on right of icon (where title is placed)
Please help
Just a Suggestion,
If you can make the active button background color optional, it's will great.
Thank you
Regards
Pages change by scrolling page or tap on the icon of bottomnav items then it's change page easily but the main problem is it's not animate chnage on currentindex item of bottom nav.
Please improve performance for all statemanagement support easily.
Hi, I noticed that the padding value of the BottomBar has increased in the latest version and this caused mismatch in our app's UI. Could you please add padding parameter to the BottomBar widget?
Thanks for your work on this great package.
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.