typescript - TypeError：navigation.navigate 不是函数

Question

import React from 'react';
import {Button, View, Text} from 'react-native';

const RegistrationScreen = (navigation: any) => {
  return (
    <View>
      <Text>My Registration Page</Text>
      <Button
        title="Go Back"
        onPress={() => navigation.navigate('HomeScreen')}></Button>
    </View>
  );
};

export default RegistrationScreen;

当我使用 .tsx 作为文件的扩展名时，出现错误。例如： - RegistrationScreen.tsx，然后得到错误 // TypeError: navigation.navigate is not a function。（在 'navigation.navigate('HomeScreen')' 中，'navigation.navigate' 未定义） //

标签： typescriptreact-nativereact-navigation-stacktsx

Answer 1

您将需要对函数 RegistrationScreen 进行对象解构。您可以通过添加的道具访问导航：

const RegistrationScreen = ({navigation: any}) => {}