如何通过React Navigation将导航道具传递到功能组件屏幕中?

时间:2020-08-29 00:33:48

标签: javascript reactjs react-native react-navigation

我有一个带有自定义“任务”的React Native FlatList的功能组件屏幕。我希望能够从一个任务导航到另一个功能组件“ TaskEditScreen”,并将一些道具也传递到屏幕。

<TouchableOpacity onPress={()=>{navigation.navigate('Task Edit')}}>
   <Feather
      name="edit"
      size={35}
      color="black"
      style={{
         margin: 5
      }}    
   />
</TouchableOpacity>

onPress函数可以正常工作,并且将我导航到正确的屏幕,但是如何将某些道具或数据也传递到该屏幕?

1 个答案:

答案 0 :(得分:3)

文档:https://reactnavigation.org/docs/params

<TouchableOpacity onPress={() => { navigation.navigate('Task Edit', {someParam: "someValue"}) }}>
  <Feather
    name="edit"
    size={35}
    color="black"
    style={{
      margin: 5
    }}
  />
</TouchableOpacity>