首页 > 解决方案 > 传递 FlatList 标题

问题描述

在此处输入图像描述 在此处输入图像描述我有一个包含五个项目的平面列表。当我单击任何列表项时,它会打开一个新屏幕,其中仅包含一个文本输入框和一个保存按钮。现在我想从我点击的列表项中获取标题。请帮助我如何将我点击的列表标题传递给另一个组件。在此处输入链接描述

标签: javascriptreactjsreact-native

解决方案


你可以这样写函数:

获取数据(项目){

this.props.navigation.replace("Next_Component", { Title: item.title }) }

并在 Flatlist 中使用 TouchableOpacity 标签作为父视图,如下所示:

<TouchableOpacity style={{ flexDirection: 'row', padding: 2, width: "76%", }}

onPress= {() =>{ this.GetDATA(item)}}

所以通过这种方法,您可以获得项目详细信息,如名称或其他属性。


推荐阅读