Custom Rendering

The BottomNavigation enables you to override its default rendering by using the following options:

• Item property of the BottomNavigation items
• ItemRender property of the BottomNavigation component

Item Property

To customize the appearance of the BottomNavigation items, you can use the item property of its items.

The following example demonstrates how to add additional components in the BottomNavigation items such as FloatingActionButton and Badge:

Item Render Property

To override the default rendering of all ButtonNavigation items, you can use the itemRender property of the component.

Suggested Links

• API Reference of the BottomNavigationProps
• API Reference of the BottomNavigationItemProps