我正在使用 react-navigation
并想在我的标题右侧添加一个按钮,用于导航到不同的屏幕。但是在设置 navigationOptions
时,我想知道如何才能访问 navigate
按下按钮时调用的回调中的函数:
const RootNavigationStack = StackNavigator({
PokemonList: {
screen: PokemonListWrapper,
navigationOptions: {
title: ({state}) => `Pokedex`,
header: ({ state, setParams }) => {
return {
visible: true,
right: (
<Button
title={'Add'}
onPress={() => // navigate to new screen here
/>
),
}
}
},
},
, {
headerMode: 'screen'
})
有什么想法可以实现吗?我正在考虑使用 withNavigation
,但我仍然不太清楚它是如何工作的。
最佳答案
另一个答案适用于旧版本的 React Navigation。
对于新版本,试试这个:
static navigationOptions = ({ navigation }) => ({
headerRight: (
<Button
title='Setting'
onPress={ () => navigation.navigate('RouteName') }
backgroundColor= "rgba(0,0,0,0)"
color="rgba(0,122,255,1)"
/>
)});
关于javascript - 如何使用 react 导航从标题中的按钮将 `navigate` 转到新屏幕?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43112550/