使用react-navigation

Question

我正在使用带有DrawerNavigator和一个主StackNavigator的react-navigation。除了一些其他屏幕，我的应用程序有3个主要部分，这些部分的内容是由数据库驱动的。我想只保留一个SectionScreen组件，然后每次用户点击抽屉导航中的不同部分并相应地更新部分内容时传递sectionId参数。

如果我使用导航，我可以传递一个参数。但我想要的是将3个部分添加到我的主StackNavigation中，每次传递一个参数来区分各个部分并使用此参数来提取必要的内容。这样所有抽屉逻辑就位，navigationOptions按预期工作，等等：

const stackRoutes = {
  WelcomePage: { screen: WelcomePage },
  ExplorePage: { screen: ExplorePage },
  RideSection: { screen: SectionPage, params: {'sectionId': 1} },
  WalkSection: { screen: SectionPage, params: {'sectionId': 2} },
  BikeSection: { screen: SectionPage, params: {'sectionId': 3} }
}

但是......这似乎不起作用。有关实现这一目标的最佳方法的任何想法？谢谢你的帮助。