如何在反应导航中将自定义屏幕参数传递给自定义选项卡栏

use*_*147 5 react-native react-navigation

有人可以帮助我处理嵌套在选项卡逻辑中的一些堆栈。我有一个自定义标签栏,我想为每个堆栈发送额外的道具,例如图标等。

我当前的代码

const MapStack = createStackNavigator({
  Map: MapScreen
});

const PlacesStack = createStackNavigator({
  Places: PlacesScreen,
});

const ArticlesStack = createStackNavigator({
  Articles: ArticlesScreen,
});

const ProfileStack = createStackNavigator({
  Profile: ProfileScreen,
});

export default createBottomTabNavigator(
  {
    Map: MapStack,
    Places: PlacesStack,
    Articles: ArticlesStack,
    Profile: ProfileStack,
  },
  {
    tabBarComponent: Tabbar
  }
);
Run Code Online (Sandbox Code Playgroud)

我想实现类似的目标

const MapStack = createStackNavigator({
  Map: {
    screen: MapScreen,
    props: {
      icon: 'Map'
    }
  }
});
Run Code Online (Sandbox Code Playgroud)

以某种方式,我将能够在我的标签栏中看到它。需要明确的是,我想发送的属性仅适用于堆栈的根(整个堆栈,而不是堆栈中的单个屏幕)

有任何想法吗?