React-Native, не удается выровнять кнопку внизу в iPhone X

Question

Я применяю некоторый стиль для кнопки. Мотивом является то, что кнопка должна быть выровнена по нижнему краю и иметь отступы или отступы снизу.

Поэтому я применил стиль ниже

bottomView: {
  width: '85%',
  height: 50,
  marginLeft: 10,
  marginRight: 10,
  borderRadius: 5,
  flexDirection: 'row',
  backgroundColor: ColorConstants.COLOR_BUTTON,
  justifyContent: 'center',
  alignItems: 'center',
  alignSelf: 'center',
  position: 'absolute',
  bottom: 25
}

Я проверил на устройствах Android, iPhone симуляторы работали нормально. Но это не работает на симуляторе iPhone X.

Какие-либо предложения?

Answer 1

Вы должны упомянуть, что это в SafeAreaView:

<SafeAreaView style={{flex: 1, backgroundColor: '#fff'}}>
// Your Code//
</SafeAreaView>