问题标签 [safeareaview]

我需要SafeViewArea用于 iPhoneX，但是当我推杆时SafeViewArea，顶部会显示一些不需要的额外边距。

我的代码片段 -

样式.js

编辑：如何去除阴影SurfaceViewArea？

建议表示赞赏。提前致谢。

我正在使用SafeAreaView由提供的react-navigation和在其中提供的，我有我的导航控制器。

我想要的是标题的动态颜色，即缺口iOS和android. 我想要不同屏幕的不同缺口背景。

这就是我使用 SafeAreaView 的方式

谁能建议我解决这个问题？

拉动刷新会导致无尽的微调器，并且在 iPhone 上测试应用程序时不会调用 onRefresh。在带有主页按钮的 Android 和 iOS 设备上，一切都按预期工作。

ReactNative 版本：0.58.3

当 flex:1 从容器样式中删除时，一切正常，但它破坏了屏幕的降价。使用 ScrollView 会导致同样的问题。

预期：更新 FlatList 数据

接收：无休止的微调器旋转，onRefresh 不调用。

iPhone X 和 iPhone XS Max 显示正确。但 iPhone 6s 和 iPhone 7 Plus 底部有空条。

我正在为 iPhone 使用 iOS React Native 应用程序。

在我了解更多之前，我以前曾将手工制作的图像文件作为启动屏幕。我按照以下链接中的说明删除了图像文件并切换到 Xcode 提供的默认 LaunchScreen.xib。我还检查了 LaunchScreen.xib 编辑视图中的“使用安全布局指南”。

由于屏幕尺寸应该由 Xcode 自动处理，我认为这将解决某些 iPhone 设备的空栏问题。但问题仍然存在。

React Native - iPhone X 上的奇数空间

在 iPhone X 模拟器的顶部和底部看到黑条

我想要一个指针，请。对于非 iPhone X 设备，我是否需要勾选“使用 Safe Are 布局指南”？看起来不可能在 Xcode 中更改每个设备的设置。

在 iPhone X 模拟器上运行应用程序时，Material Top Tab Navigator 会切入凹槽和底部按钮。

为了解决这个问题，我尝试在应用 App Container 之前实现 SafeAreaView，并将每个单独的屏幕包装在 SafeAreaViews 中。这可以使文本远离这些区域，而不是导航器。

运行此应用程序时，不存在任何错误。但是，没有任何渲染。我期望的是一个选项卡导航器呈现三个选项卡，这些选项卡不会在缺口或底部按钮下方剪切。

我正在使用带有 SafeAreaView 的标签栏导航器。

如果我注释掉标签栏导航，父视图会覆盖整个屏幕。但是，当我添加标签栏时，它会在标签栏部分下显示一个小的白色视图。

我对 react-native 很陌生。每当我必须使用时，SafeAreaView我必须为相同的组件制作一个单独的.android.js文件，而没有导致重复的安全区域。

是否可以有条件地使用SafeAreaViewwith platform.os？

我正在尝试将元素定位在屏幕的左上角（周围有一些边距）。由于 iPhone XI 上的缺口正在使用 SafeAreaView。不幸的是，SafeAreaView 填充是巨大的，它超出了状态栏/凹槽区域。因此，应该在视觉上位于角落的元素现在比其他设备上的要低得多。

我查看了 StatusBar.currentHeight，但仅支持 Android。另一种选择是使用具有参数的https://github.com/react-native-community/react-native-safe-area-view 。forceInset不幸的是，将其设置为 { top: xx } 使其像普通视图一样工作，所有设备都有顶部填充（也包括没有缺口的设备）。

我怎样才能拥有 SafeAreaView 但修改了顶部填充？

我需要处理缺口设备的布局。我知道在IOS。我可以使用 Ios 中的安全区域来处理它。但是在android中有没有办法实现这一点？

我使用本机反应来创建移动应用程序。我使用 KeyboardAvoidingView、SafeAreaView 和 ScrollView 来处理屏幕中的键盘位置。我使用这个命令来管理键盘位置：

我的问题是：使用这 3 个组件的最佳顺序是什么，以避免最佳键盘位置