Меню границ радиуса в приложении expo response-native: как удалить пробелы в углах меню?

Question

Я использую шаблон экспо для создания приложения.Я хотел бы сделать нижнее меню с радиусом границы, но у меня есть пробел вместо фона страницы.Как это исправить?Пример см. На изображении

Мои стили для createBottomTabNavigator:

    width: '100%',
    height: 94,
    paddingBottom: 20,
    backgroundColor: 'red',
    borderTopLeftRadius: 51,
    borderTopRightRadius: 51,
    borderWidth: 0,
    borderColor: '#68a0cf',
    overflow: 'hidden'

Мои стили для страницы (экрана):

  backgroundColor: 'blue',
  flex: 1,
  flexDirection: 'row',
  flexWrap: 'wrap',
  alignItems: 'flex-start' 

Answer 1

Вы должны взять родительский контейнер как для навигатора нижней вкладки, так и для страницы, и стилизовать его с помощью = screenWidth и hight = screenHeight и сделать фоновый цвет синим из того, что вы хотите.

Таким образом вы сможете выйти с этими пробелами.