在 CardView 中创建MaterialTopTabNavigator？答案

【问题标题】：createMaterialTopTabNavigator inside a CardView?在 CardView 中创建MaterialTopTabNavigator？
【发布时间】：2019-11-04 11:47:31
【问题描述】：

如何将 createMaterialTopTabNavigator 放置在 CardView 中？

我想实现如下截图所示的设计

我不明白我应该在哪里写 createMaterialTopTabNavigator，我应该把它写在同一个页面还是应该写在 RootScreen（存在多个导航器，例如：StackNavigator 和 BottomTabNavigator）

我应该如何创建这个？

【问题讨论】：

我已经解决了，请看下面的答案

标签： reactjs react-native react-navigation tabnavigator react-native-tabnavigator

【解决方案1】：

我在要添加标签组件的同一页面中创建了一个 createMaterialTopTabNavigator


const HistoryTabs = (
  {
    UPoints: {
      screen: UPointsScreen,     
    },
    MyPurchases: {
      screen: MyPurchasesScreen,     
    },

  },
  {initialRouteName:'UPoints' }

);
const AppContainer = createAppContainer(HistoryTabs);

在渲染中我调用了

 <View style={{flex:1}}>
      <AppContainer/>
 </View>

【讨论】：