通过导航传递道具

Question

我正在尝试发送带导航的道具。我在 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>
  );
}

Answer 1

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

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

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

this.props.route.params.title

通过导航传递道具

passing prop with navigation

javascript

navigation

reactjs

react-native