使用 FlatList 中获取的数据导航到另一个屏幕

Question

我正在尝试使用我在 FlatList 中获取的值导航到另一个屏幕。

举个例子：

renderItem={({item}) =>(
     <Text style={styles.FlatListItemStyle} 
        onPress={() => {props.navigation.navigate('AnotherScreen', {item: item.Value1})}} > ID : {item.Value1}
    </Text>
})

这里是导航js

<Stack.Screen
      name='OneScreen'
      component={OneScreen}
      options={({ route }) => ({
              title: route.params.item.Value1
            })}
/>

所以我想导航到另一个使用 Value1 作为参数的屏幕。

但我越来越不确定了。

请帮帮我

Answer 1

应该是项目不是item.value

<Stack.Screen
      name='OneScreen'
      component={OneScreen}
      options={({ route }) => ({
              title: route.params.item
            })}
      />

您传递的是道具 {item:item.value1} 所以道具是 item 这就是您未定义的原因

使用 FlatList 中获取的数据导航到另一个屏幕

Navigation to another screen with data fetched in FlatList

android

react-native

flatlist