React-native-paper: Is it possible to use BottomNavigation with React Hooks?
I tried to use BottomNavigation with React Hooks, useState.
But i am getting error while trying to change route.
Anyone tried before?
tweenietomatoes
>All comments
I write it like this and it's working fine
const [nav, setNav] = useState({
index: 0,
routes: [
{ key: 'music', title: 'Music', icon: 'album' },
{ key: 'albums', title: 'Albums', icon: 'album' },
{ key: 'recents', title: 'Recents', icon: 'history' },
],
});
<BottomNavigation
navigationState={nav}
onIndexChange={(index) => _handleIndexChange(index)}
renderScene={_renderScene()}
/>
function _handleIndexChange(index) {
setNav({ ...nav, index })
};
function _renderScene() {
return BottomNavigation.SceneMap({
music: ResumeFeed,
albums: ResumeFeed,
recents: ResumeFeed,
});
}
Good luck
mtx62
on 25 May 2020
Related issues
alikazemkhanloo
路
4Comments
cassioseffrin
路
3Comments
ButuzGOL
路
4Comments
sritharanpalani
路
4Comments
mihaidaviddev
路
3Comments
Most helpful comment
I write it like this and it's working fine
const [nav, setNav] = useState({ index: 0, routes: [ { key: 'music', title: 'Music', icon: 'album' }, { key: 'albums', title: 'Albums', icon: 'album' }, { key: 'recents', title: 'Recents', icon: 'history' }, ], });<BottomNavigation navigationState={nav} onIndexChange={(index) => _handleIndexChange(index)} renderScene={_renderScene()} />function _handleIndexChange(index) { setNav({ ...nav, index }) };function _renderScene() { return BottomNavigation.SceneMap({ music: ResumeFeed, albums: ResumeFeed, recents: ResumeFeed, }); }Good luck