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>