Typescript 如何在下次导航中访问参数
我使用Typescript,有简单的导航:Typescript 如何在下次导航中访问参数,typescript,react-native,Typescript,React Native,我使用Typescript,有简单的导航: function go_to_screen(rout_name:string,device_model:string){ avis_instance.save_data('main_model', device_model); navigation.navigate(rout_name,{ name: device_model }); } 然后,在下一次导航中,我无法通过以下方式访问name param: route.params.nam
function go_to_screen(rout_name:string,device_model:string){
avis_instance.save_data('main_model', device_model);
navigation.navigate(rout_name,{ name: device_model });
}
然后,在下一次导航中,我无法通过以下方式访问name param:
route.params.name or params.name ...
你怎么能做到这一点?谢谢
附言:
下面是下一个视图中的组件:我通过默认的initexpo生成了它。
您可以查看访问它的内容和方式。
你知道吗
export default function BottomTabNavigator() {
const colorScheme = useColorScheme();
return (
<BottomTab.Navigator
initialRouteName="TabOne"
tabBarOptions={{ activeTintColor: Colors[colorScheme].tint }}>
<BottomTab.Screen
name=" "
component={TabOneNavigator}
/>
</BottomTab.Navigator>
);
}
const TabOneStack = createStackNavigator<TabOneParamList>();
function TabOneNavigator() {
console.log("moziii"+route.params.name );
return (
<TabOneStack.Navigator>
<TabOneStack.Screen
name="TabOneScreen"
component={TabOneScreen}
options={{ headerTitle: 'Anik' ,
headerStyle: {
backgroundColor: '#034ea2',
},
headerTintColor: '#fff',
headerTitleStyle: {
fontWeight: 'bold',
},
}}
/>
</TabOneStack.Navigator>
);
}
导出默认函数BottomTabNavigator(){
const colorScheme=useColorScheme();
返回(
);
}
const TabOneStack=createStackNavigator();
函数TabOneNavigator(){
console.log(“moziii”+route.params.name);
返回(
);
}
您似乎没有向您的选项卡导航器传递任何道具
下面是访问参数的示例代码。注意它是如何通过路线
和导航
作为道具的。然后它就可以访问路线
道具
函数细节屏幕({route,navigation}){
/*2.找个情人*/
const{itemId,otherParam}=route.params;
返回(
详细信息屏幕
itemId:{JSON.stringify(itemId)}
otherParam:{JSON.stringify(otherParam)}
navigation.push('Details'{
itemId:Math.floor(Math.random()*100),
})
}
/>
导航。导航('Home')}/>
navigation.goBack()}/>
);
}
另外,这是文件中的注释
建议您传递的参数是JSON可序列化的。这样,您将能够使用状态持久性,并且您的屏幕组件将具有实现深度链接的正确契约
你能分享你试图访问的组件的代码吗params@DaniyalBasitKhan不要怀疑你,我访问了BottomTabNavigator()中的参数,但如何将其传递给TabonNavigator(),我只是想更新标题,但无法将值传递给它。请尝试类似的操作react component={}``这将把所有道具传递给选项卡导航器
。另外,我认为这对你来说是一本很好的读物