如何为这个 React Native Typescript 导航问题提供正确的参数

Posted 2023-02-23

【中文标题】如何为这个 React Native Typescript 导航问题提供正确的参数

【英文标题】：How can I provide the right parameter to this React Native Typescript navigation problem

【发布时间】：2021-07-23 00:40:55

【问题描述】：

我正在关注一个视频教程，但我卡住了，主持人没有指定参数类型，并且由于这个问题，我的应用程序无法相应地工作

我想这是一个简单的解决方案 该应用程序实现了一个简单的导航：

export const Routes: React.FC<RoutesProps> = () => 
    return (
        <NavigationContainer>
            <Stack.Navigator initialRouteName="Login">
                <Stack.Screen name="Login" component=Login />
                <Stack.Screen name="Register" component=Register />
            </Stack.Navigator>
        </NavigationContainer>
    );
;

以及用来导航到的组件

function Login(navigation) 
    return (
        <Center>
            <Text style=styles.text>I'm a Login Screen</Text>
            <Button
                title="go to register"
                onPress=() => 
                    navigation.navigate("Register")
                 
            />
        </Center>
    );


function Register(navigation) 
    return (
        <Center>
            <Text style=styles.text>I'm a Register Screen</Text>
            <Button
                title="go to Login"
                onPress=() => 
                    navigation.navigate("Login")
                 
            />
        </Center>
    );

“去注册”和“去登录”按钮显示正确，但是没有任何作用，我猜是因为没有指定参数导航类型，我不知道它是如何提供的

我什至将编译器设置更改为“noImplicitAny”：false，但它并没有解决问题，正如我所料，它没有显示错误，但它不起作用

谁能帮我解决这个问题

拉斐尔

【问题讨论】：

查看可能有帮助的文档reactnavigation.org/docs/typescript

【参考方案1】：

通过执行 npm install expo-cli --global 解决了问题