在React Navigation 5中设置组件属性值

Question

我来自React，试图了解如何在NavigationContainer应用的React Native中设置组件属性的值。请注意，我正在使用React Navigation 5。

例如，我的<Car color="red" />组件希望设置颜色。

如何在React Navigation 5中执行此操作？

我的NavigationContainer看起来像这样：

<NavigationContainer>
   <DrawerNav.Navigator>
      <DrawerNav.Screen name="Home" component={Home} />
      <DrawerNav.Screen name="MyCar" component={Car} />
   </DrawerNav.Navigator>
</NavigationContainer>

我需要为color组件设置<Car />。

Answer 1

您做对了。您可以像这样传递道具。

<Car color="red" />

其他方式是通过导航。

this.props.navigation.navigate("Car",{color:'red'})

然后在汽车部件中，您可以像这样访问它。

this.props.navigation.state.params.color