代码之家 › 专栏 › 技术社区 › Lucky_girl

在React Navigation中尝试使用StackNavigator导航到另一个屏幕时出错

react-navigation react-native

0

Lucky_girl · 技术社区 · 8 年前

StackNavigator ,我在工具栏中添加了按钮,当单击该按钮时,我想导航到另一个屏幕,而不是那样,当我按下按钮时,我得到一个错误:

“找不到变量导航”

. 如何修复?

  static navigationOptions = {
      title: 'Review Jobs',
      headerRight: <Button tittle="Settings" onPress={()=> navigate('settings') } />
      }

2 回复 | 直到 8 年前

1

3

Muhammad Usman 8 年前

正确的语法应该是

static navigationOptions = ({ navigation }) => ({ title: 'Review Jobs', headerRight: <Button tittle="Settings" onPress={()=> navigation.navigate('settings') } /> });

2

bennygenel 8 年前

如果您在设置时试图使用导航中的方法 navigationOptions 您可以使用箭头函数,而不只是将其设置为普通对象

实例

static navigationOptions = ({navigation}) => ({
  title: 'Review Jobs',
  headerRight: <Button tittle="Settings" onPress={()=> navigation.navigate('settings') } />
});