如何将自定义屏幕参数传递给react-navigation中的自定义选项卡栏

时间:2018-05-27 15:36:57

标签: 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
  }
);

我希望实现像

这样的东西
const MapStack = createStackNavigator({
  Map: {
    screen: MapScreen,
    props: {
      icon: 'Map'
    }
  }
});

我可以在标签栏中看到它。要清楚,我想要发送的属性只适用于堆栈的根目录(整个堆栈,而不是堆栈中的单个屏幕)

有什么想法吗?

0 个答案:

没有答案
相关问题