React native 将本地移动平面列表从一个屏幕移动到另一个屏幕
我已经用用户身份验证完成了firebase。每个结果都显示在一个平面列表中。单击心形图标后,我想将所选项目移动到收藏夹屏幕React native 将本地移动平面列表从一个屏幕移动到另一个屏幕,react-native,React Native,我已经用用户身份验证完成了firebase。每个结果都显示在一个平面列表中。单击心形图标后,我想将所选项目移动到收藏夹屏幕 Result.id.toString()} renderItem={({item})=>{ //console.log(item.id); 返回( { 导航。导航(“结果显示屏幕”{ id:item.id, image:item.image, }); }} > ); }} /> 屏风 您可以通过读取路由的route.params对象的属性来实现这一点。像这样: 函数
Result.id.toString()}
renderItem={({item})=>{
//console.log(item.id);
返回(
{
导航。导航(“结果显示屏幕”{
id:item.id,
image:item.image,
});
}}
>
);
}}
/>
屏风
您可以通过读取路由的route.params
对象的属性来实现这一点。像这样:
函数收藏夹({route}){
const{id,image}=route.params;
返回(
...
);
}
请记住,当按下TouchableOpacity
时,这只会显示您通过的id
和image
。如果需要所有收藏夹的列表,则需要将它们存储在类似数组的数据结构中(并在项目伪造/未伪造时修改数组),然后将该数组传递给
有关此功能的完整参考信息,您可以阅读React导航文档的页面。感谢您的快速响应!。我现在可以将所需数据传递到收藏夹屏幕。你有保存收藏列表的资源吗。它需要异步存储吗。非常感谢。
<FlatList
contentContainerStyle={ { alignSelf:"center",}}
data={Results}
keyExtractor={(Result) => Result.id.toString()}
renderItem={({ item }) => {
// console.log(item.id);
return (
<TouchableOpacity
onPress={() => {
navigation.navigate("ResultsShowScreen", {
id: item.id,
image: item.image,
});
}}
>
<ResultsDetail Result={item} />
</TouchableOpacity>
);
}}
/>
</View>
<View>
<Text> Screen</Text>
</View>