Блог

У меня есть приложение react native -> В настоящее время я заметил, что текст на моем экране перекрывается на устройствах iphone 10 . Как бы мне создать безопасное пространство для новых устройств?

Я пытался добавить тег, чтобы обернуть мой stack.navigator для главного экрана, но пока безуспешно.

Это то, на что я бы нацелился в своем react native или в xcode?

введите описание изображения здесь

использовать

 import { SafeAreaView } from 'react-native';
  

для обработки безопасной области я показал в приведенном ниже коде, как обрабатывать безопасную область для устройства iPhone 10 plus

в приведенном ниже коде я разделил безопасную область на две части: одна часть предназначена для верхней безопасной области, а другая — для нижней безопасной области, и вы размещаете все свои компоненты в нижней безопасной области

 render() {
        return (
            <View style={{flex: 1} >
                <SafeAreaView style={{flex: 0}} />
                <SafeAreaView style={{flex: 1}}>
                  //here you can place your component 
                </SafeAreaView>
            </View>

            )
    }