SafeAreaView не работает в оригинальной версии 0.54.0?

Question

SafeAreaView не работает в оригинальной версии 0.54.0?

1

Я прочитал, что facebook представляет новый API SafeAreaView для iPhone X. И я использую последнюю версию последней версии 0.54.0, вы можете увидеть мой код ниже. но SafeAreaView не работает для устройства iPhone X.

Код:

  render() {
    return (
      <SafeAreaView style={styles.container}>
        <Text style={[globalStyle.fontRegularLarge , styles.welcome]}>
          React Native Demo App
        </Text>

        <View style={{position: 'absolute' , height: 150 , bottom: 0 , width: '100%'}}>
          <Text style={[globalStyle.fontRegular , styles.welcome]}>
             2018 Kirit Modi, PTE. LTD. - Proprietary & Confidential
          </Text>

          <TouchableOpacity style = {styles.getStartBtn}>
            <Text style={[globalStyle.fontRegular , {color: 'white'}]}>
              Get Start
            </Text>
          </TouchableOpacity>
        </View>

      </SafeAreaView>
    );
  }

iPhoneX и iPhone 6s

Kirit Modi 07 март 2018, в 12:25

Источник

Теги:

reactjs

react-native-android

react-native-ios

iphone-x

1 ответ

Ещё вопросы

syam s · Answer 1 · 2018-03-07T11-04-00.000Z

Согласно прикрепленным изображениям, кажется, что SafeAreaView работает отлично.

Цель SafeAreaView - убедиться, что ваше приложение правильно отображено на iPhoneX, избегая/корректируя содержимое, которое взаимодействует с сенсорным кластером ("метка") или индикатор домашней активности ("бар").

Я предлагаю вам воспользоваться преимуществом полного экрана iPhone X вместо запуска приложения в "Legacy Mode". Для получения дополнительной информации об этом проверьте эту статью