React native 如何从React本机平面列表使用不同的数据进入同一屏幕

React native 如何从React本机平面列表使用不同的数据进入同一屏幕,react-native,react-native-flatlist,onpress,React Native,React Native Flatlist,Onpress,我是React Native的新手,我有一个平面列表,其中包含一些我想使用的代码,比如当我单击平面列表上的任何项目时,屏幕会打开并显示该项目的相关数据。当我单击另一个项目时,屏幕会打开,但数据与该项目相关。这意味着可恢复性。您必须在renderItem中获取值。renderItem将为flatlist渲染的每个项目调用,同时您还将获得每个项目的索引 <FlatList style={styles.FlatListStyle} showsVert

我是React Native的新手,我有一个平面列表,其中包含一些我想使用的代码,比如当我单击平面列表上的任何项目时,屏幕会打开并显示该项目的相关数据。当我单击另一个项目时,屏幕会打开,但数据与该项目相关。这意味着可恢复性。

您必须在renderItem中获取值。renderItem将为flatlist渲染的每个项目调用,同时您还将获得每个项目的索引

   <FlatList
          style={styles.FlatListStyle}
          showsVerticalScrollIndicator={false}
          showsHorizontalScrollIndicator={false}
          data={this.state.data}
          keyExtractor={(item, index) => index.toString()}
          renderItem={({ item, index }) => {
            return (
              <Button title = 'hello'
onPress = {() =>alert(item)}
              />
            );
          }}
        />
index.toString()}
renderItem={({item,index})=>{
返回(
警报(项目)}
/>
);
}}
/>
(
导航('Details',{data:item})}/>
)}
/>

出于导航目的,您必须使用
react导航
软件包。然后按
on
您可以简单地调用
navigation。按
方法导航到不同或相同的堆栈(屏幕)

e、 g


navigation.push(“SameScreen”,{newData:“value”})

有多种方法,使用导航参数、使用redux等。您能否提供更多有关如何进入另一个屏幕的详细信息?小代码片段会很有帮助。
  <FlatList
    data={data}
    renderItem={({item}) => (
      <Button onPress={() => navigate('Details', {data: item})} />
    )}
  />