javascript - 在 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);
    }.....

提前致谢

标签： javascriptreactjsreact-nativeecmascript-6

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