通过导航传递道具答案

【问题标题】：passing prop with navigation通过导航传递道具
【发布时间】：2020-12-18 18:06:24
【问题描述】：

我正在尝试发送带有导航的道具。我在 react-native 应用程序中使用堆栈导航包。我正在使用这个例子，如何在此按钮内发送道具 onPress={() => navigation.navigate('Details')}>

我试着做这个，但没有成功。 onPress={() => navigation.navigate('Details', name:items)}>

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>
  );
}

【问题讨论】：

标签： javascript reactjs react-native navigation

【解决方案1】：

你可以尝试同样的方式通过，

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

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

this.props.route.params.title

【讨论】：

是的，我很抱歉提出这个问题。这真的很容易，我发现了:(也许它可以成为其他人的好榜样。