单击部分列表中有关该项目的项目时如何传递信息

时间:2019-05-23 00:34:03

标签: react-native

我目前正在构建一个应用程序,其中提供了一份一般的工作清单。触摸/单击这些作业之一时,它需要进入带有该作业详细信息的新视图。我想做的是获取新视图以显示详细信息,该视图基于我在节列表中单击的项目。 现在,我只是尝试使用非常基本的数据,因为我还没有建立数据库。 我对react-native还是陌生的,最近才开始使用它,所以如果这很简单,请对冗长的解释感到抱歉。

这是我的SectionList,当我按一个项目时,我试图设置selectedJob的状态,然后将其传递到我的新视图中。

<SectionList
                    style={{alignSelf: 'center', width: widthPercentageToDP('90%')}} //Sets style of the section list.
                    renderSectionHeader={({section: {title}}) => (
                        <Text style={{fontWeight: 'bold', fontSize: 20, alignSelf:'center', color: 'black', margin: 5}}>{title}</Text>
                    )}
                    keyExtractor={(item, index) => item + index}  
                    renderItem={({item, index}) => <Text key={index} onPress={() => alert(item.index)}>{item}</Text>} //onPress={() => alert(item)} - Alerts the clicked item
                    sections={data}                                      
                    />
                </View>

0 个答案:

没有答案