Как избежать отображения данных из другой вкладки в текущей вкладке

Question

Я использую createMaterialTopTabNavigator для отображения верхних вкладок в собственном режиме реагирования, но данные из другой вкладки отображаются на текущей вкладке

Я попытался установить стиль контейнера на flex 1 и flexWrap : 'wrap', но Тем не менее проблема сохраняется

const NotificationTabs = createMaterialTopTabNavigator(
  {
    MobileNotification: {
      screen: MobileNotificationScreen,
      navigationOptions: {
        title: Languages.Notifications.Mobile,
      },
    },
    EmailNotification: {
      screen: EmailNotificationScreen,
      navigationOptions: {
        title: Languages.Notifications.Email,
      },
    },
  },
  {
    initialRouteName: 'MobileNotification',
    tabBarComponent: TopTabBarComponent,
    tabBarOptions: {
      style: {
        backgroundColor: Colors.SAWhite,
      },
      labelStyle: {
        color: Colors.SAPrimary,
        ...Fonts.Style.normal,
      },
      activeTintColor: Colors.SAPrimary,
      inactiveTintColor: Colors.SASecondary,
      upperCaseLabel: false,
    },
  }
);

 <View style={styles.flat}>     
    <NotificationTabs navigation={navigation} />
 </View>

Стили

  flat: {
    flex:1
    borderRadius:10
    marginTop: '10%',
    padding: 4,
    backgroundColor: Colors.SAWhite,   
  },

Answer 1

Я исправил это, добавив overflow: 'hidden' к стилям

  flat: {
    flex:1
    borderRadius:10
    marginTop: '10%',
    padding: 4,
    backgroundColor: Colors.SAWhite,  
    overflow: 'hidden' 
  }