search

jb3rndt / PersistentBottomNavBarV2

A highly customizable persistent bottom navigation bar for Flutter
https://pub.dev/packages/persistent_bottom_nav_bar_v2
BSD 3-Clause "New" or "Revised" License
47 stars 48 forks source link

Rounded border when using custom persistent tab view #127

Open fauzanebd opened 4 months ago

fauzanebd commented 4 months ago

When using persistent tab view with provided navbar style, we can pass NavBarDecoration at PersistentTabView then pass borderRadius to it to make navigation bar with rounded corners. But when using custom navbar, even if function that passed as customWidget arguments returns a rounded widget, the navbar still has background color. Is there something that im doing wrong, or i should just use provided style instead?

Using provided style, passing decoration Using Custom navbar style
jb3rndt commented 4 months ago

Hi, you have two options:

  1. (recommended): Use the newest 5.x beta version. This should work out of the box.
  2. In the NavBarDecoration you have the colorBehindNavBar argument which you can use to set the color of the exposed corners. You can also play around with bottomScreenMargin on the PersistentTabView which controls how much of your page content will be overlapped by the navbar.