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