gpt4 book ai didi

react-native - navigation.navigate ('Home' ) 在 typescript 中显示一些错误

转载 作者:行者123 更新时间:2023-12-04 07:15:40 24 4
gpt4 key购买 nike

当我使用 useNavigation 或 from props { navigation } 在使用 navigation.navigate('Home') 的屏幕之间导航时, typescript 返回错误 Argument of type '"Main"' 不能分配给类型 '{ key: string; 的参数;参数?:未定义;合并?: bool 值 |不明确的; } | { 名称:从不;键?:字符串 |不明确的;参数:从不;合并?: bool 值 |不明确的; }' 这是什么意思?
下面是我的代码:

import React from 'react';
import { View } from 'react-native';
import { Button } from 'react-native-paper';
import { useNavigation } from '@react-navigation/native';

const Home: React.FC = () => {
const navigation = useNavigation();

return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Button onPress={() => navigation.navigate('Main')}>Navigate</Button>
</View>
);
};

export default React.memo(Home);

以前我使用 react 导航 v5 并使用该方法查找
感谢您的帮助

最佳答案

也许你想做这样的事情:

export type RootStackParamList = {
Main: undefined;
Home: undefined;
};

const Stack = createStackNavigator<RootStackParamList>();

export const RootNavigator = () => {
return (
<Stack.Navigator initialRouteName="Main">
<Stack.Screen
name="Main"
component={Main}
/>
<Stack.Screen
name="Home"
component={Home}
/>
</Stack.Navigator>
);
};
然后在你的代码中做这样的事情:
type homeScreenProp = StackNavigationProp<RootStackParamList, 'Home'>;

const Home: React.FC = () => {
const navigation = useNavigation<homeScreenProp>();

return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Button onPress={() => navigation.navigate('Main')}>Navigate</Button>
</View>
);
};

关于react-native - navigation.navigate ('Home' ) 在 typescript 中显示一些错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/68779417/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com