我目前正在构建一个应用程序,其中提供了一份一般的工作清单。触摸/单击这些作业之一时,它需要进入带有该作业详细信息的新视图。我想做的是获取新视图以显示详细信息,该视图基于我在节列表中单击的项目。 现在,我只是尝试使用非常基本的数据,因为我还没有建立数据库。 我对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>