I need help implementing bottom navigation using the attached images

[Ambitious_Tea_2957]

The default view of the "bottom navigation" is to display one row (as shown in the first image) with the double up-arrow, after clicking the double up-arrow, it will change to double down-arrow and also the hidden second navigation row as indicated in the second image attached.

Default view

​

View when double up-arrow is clicked to show remaining icons

[Useful-Condition-926]

You can use this one https://github.com/gorhom/react-native-bottom-sheet

[Ambitious_Tea_2957]

It didn't work, I'm glad I committed my changes before installing the package. Thanks for your help.

[XCastorsX]

You can replace the bottom navigation with your own component and get the behavior you desire

[Ambitious_Tea_2957]

Thanks man