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

Question

我正在使用StackNavigator，我在工具栏中添加了按钮，当点击该按钮时，我想导航到另一个屏幕，而不是那个，当我按下按钮时，我收到一个错误：< / p>

  

“无法找到变量导航”

。如何解决？

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

Answer 1

正确的语法是

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

Answer 2

如果您在设置navigationOptions时尝试使用导航方法，则可以使用箭头功能而不是仅将其设置为普通对象

示例

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