PersistentBottomNavBarV2 icon indicating copy to clipboard operation
PersistentBottomNavBarV2 copied to clipboard

Rounded border when using custom persistent tab view

Open fauzanebd opened this issue 1 year ago • 1 comments

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

fauzanebd avatar Feb 26 '24 18:02 fauzanebd

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.

jb3rndt avatar Mar 04 '24 21:03 jb3rndt