reactjs - createMaterialTopTabNavigator inside a CardView?

Question

how can place createMaterialTopTabNavigator inside a CardView?

I want to achieve the design shown in the below screenshot

I am not understanding where should i write the createMaterialTopTabNavigator, should i write it in the same page or should i write it in the RootScreen (Where multiple navigators are present eg: StackNavigator and BottomTabNavigator)

how should i go about creating this?

Answer 1

I created a createMaterialTopTabNavigator in the same page where i wanted to add a tab component

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

  },
  {initialRouteName:'UPoints' }

);
const AppContainer = createAppContainer(HistoryTabs);

and in render i called

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