草庐IT

SafeAreaView

全部标签

ios - 如何防止 React Native SafeAreaView 中的底部区域与内容重叠?

我正在实现在我的ReactNative应用程序上。我的大部分屏幕都在ScrollView中。当我添加,它阻碍了内容。虽然我希望这个底部区域是“安全的”,但我希望用户能够看到它后面的内容,否则就会浪费空间。如何实现“透明”安全区域?简化示例:classExampleScreenextendsComponent{render(){return(ExampleExampleExample(etc));}}输出:期望的输出: 最佳答案 在大多数情况下,您不希望将ScrollView/FlatList作为SafeAreaView的后代。相反,

ios - 如何使用 react-native 版本 0.48.0 将 SafeAreaView 安装到我的项目中?

这里是问题所在:我想在我的项目中安装SafeAreaView以适应iPhoneX屏幕,我不想将react-native版本升级到包含SafeAreaView组件的0.50.1,现在我的react-native版本是0.48.0,还有一个仅作为npm模块可用的JS版本,react-native-safe-area-view。https://github.com/react-community/react-native-safe-area-view我是用安装的npminstallreact-native-safe-area-view--save然后我用xcode运行我的项目,它显示错误这里

android - 如何将 SafeAreaView 用于 Android 刘海屏设备?

我正在使用ReactNative开发一个应用程序,我正在使用我的OnePlus6进行测试,它有一个缺口。SafeAreaView是iPhoneX的解决方案,但对于Android,似乎没有解决方案。如何解决此类问题? 最佳答案 做类似的事情import{StyleSheet,Platform,StatusBar}from"react-native";exportdefaultStyleSheet.create({AndroidSafeArea:{flex:1,backgroundColor:"white",paddingTop:Pla