Как получить вкладки материалов в безопасной зоне?

Question

Я собираю собственное приложение и хочу вкладки вверху.Я использую createMaterialTopTabNavigator для вкладок, и это прекрасно работает.Однако, когда я запускаю приложение на новейшем симуляторе iPhone, вкладки кровоточат в сенсорной панели.Пытаясь решить эту проблему, люди предлагают использовать safeareaview , но, похоже, нет никакой информации о том, как объединить это с родителем внешних вкладок.

Любая помощь, которую вы, ребята, могли быпредложение я был бы очень признателен.Спасибо

Answer 1

import React from 'react';
import { createMaterialTopTabNavigator, SafeAreaView, MaterialTopTabBar } from 'react-navigation';

const SafeAreaMaterialTopTabBar = ({ ...props }) => (
  <SafeAreaView>
    <MaterialTopTabBar {...props} />
  </SafeAreaView>
);

const options = {
  tabBarComponent: props => (<SafeAreaMaterialTopTabBar {...props} />),
};

const RentalsTopTabNavigator = createMaterialTopTabNavigator({
  [Routes.ROUTE_1]: {
    screen: Screen1,
    navigationOptions: {
      title: 'Tab1',
    },
  },
  [Routes.ROUTE_2]: {
    screen: Screen2,
    navigationOptions: {
      title: 'Tab 2',
    },
  },
}, options);