在 StackNavigator React Native 中传递 item.name

Question

所以我有一个使用 Fetch api 显示名称的 flatList，

<FlatList
          data={this.state.data}
          keyExtractor={item => item.id}
          renderItem={({item}) => <TouchableOpacity onPress {()=>NavigationService.navigate('Med') }>

      <Text> {item.name}</Text>)}

单击其中一个名称时，我导航到另一个屏幕，我必须在其中使用“item.name”，我如何传递这个参数。在那个屏幕代码上，我正在使用一个类，而我没有想使用一个函数。

class search extends React.Component {

    constructor(props){
        super(props);
    }.....

提前致谢

Answer 1

检查希望它会工作 现在这里是在此导航操作中传递您的 item.name

  <FlatList
              data={this.state.data}
              keyExtractor={item => item.id}
              renderItem={({item}) => <TouchableOpacity onPress {()=>NavigationService.navigate(`${item.name}`) }>

          <Text> {item.name}</Text>)}

Answer 2

由于您的NavigationService 使用以下参数处理navigate 函数，

export function navigate(name, params) {
  navigationRef.current?.navigate(name, params);
}

您可以将参数传递为

<TouchableOpacity onPress {() => NavigationService.navigate('Med', {name: item.name})}>

导航到特定屏幕后，您可以访问 name 参数为

this.props.route.params.name

希望这对您有所帮助。如有疑问，请随意。