Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

can i resize circular icon size? #42

Open
klokoleva opened this issue Sep 7, 2019 · 2 comments
Open

can i resize circular icon size? #42

klokoleva opened this issue Sep 7, 2019 · 2 comments

Comments

@klokoleva
Copy link

No description provided.

@Skquark
Copy link

Skquark commented Oct 19, 2019

I was looking to do the same, this component is nice, but wasn't adjustable enough. I was digging into the code to tweak it, but then I realized there's 74+ Forks of this, and a bunch of people wanted the same. I think @tunitowen needs to accept some pull requests and merge the best of features. In the meantime, I'm just pointing my dependency to someone's Fork of a Fork and trying to get it to look right... Also wanted backgroundColor on individual TabData's, iconSize, icon as Widget, moveSpeed, popup height so it rises less than half circle, and being able to set the circleOutlineWidth without having to figure out the arcHeight & arcWidth. That kind of stuff would be nice, and I'm thankful for the community at work..

@Skquark
Copy link

Skquark commented Oct 21, 2019

I ended up making my own Fork, combining all the pending PRs that were needed, then made my own customizable additions that I wanted in my build. Feel free to use it with this in your pubspec:

  fancy_bottom_navigation:
    git:
      url: https://github.com/skquark/fancy_bottom_navigation.git

It lets you personalize all the sizes, colors, gradient, animation duration, and use PageView for your content which works so much better. Here's the list of parameters you can pass in now:

  FancyBottomNavigation(
      {@required this.tabs,
      this.onTabChangedListener,
      this.key,
      this.initialSelection = 0,
      this.circleColor,
      this.circleHeight = kCircleHeight,
      this.circleOutline = kCircleOutline,
      this.arcHeight = kArcHeight,
      this.arcWidth = kArcWidth,
      this.shadowAllowance = kShadowAllowance,
      this.barHeight = kBarHeight,
      this.activeIconColor,
      this.inactiveIconColor,
      this.titleStyle = const TextStyle(),
      this.gradient,
      this.barBackgroundColor,
      this.shadowColor,
      this.inactiveIconSize,
      this.activeIconSize,
      this.animDuration = 300,
      this.pageController})

Solves a lot of people's requests. If @tunitowen wants me to submit it as a Pull Request to save time merging the other PRs into the next version, I'd be happy to do so....

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants