带导航的传球道具

Question

我正在尝试发送带有导航的道具。我在react原生应用程序中使用堆栈导航包。我使用这个例子，如何在按下=｛((=>navigation.anavigation('详细信息'(}>时发送此按钮内的道具；

我试着做了这个，但没有成功。onPress=｛((=>navigation.anavigation("详细信息"，名称：项目(｝>

function HomeScreen({ navigation }) {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>Home Screen</Text>
<Button
title=Home
onPress={() => navigation.navigate('Details')}
/>
</View>
);
}
function DetailsScreen({ navigation,name }) {
return (
<View style={{ flex: 1, alignItems: 'center', justifyContent: 'center' }}>
<Text>{name}</Text>
<Button
title="Go to Details... again"
onPress={() => navigation.navigate('Details')}
/>
</View>
);
}

Answer 1

您可以尝试通过相同的方式，

onPress={() => {
this.props.navigation.navigate('Details', {
title: item.title,
});
}}

在接收时可以使用以下方式，

this.props.route.params.title