问题标签 [safeareaview]

我刚刚使用标准的 expo 打字稿开始了一个新项目，并想使用 react-native-safe-area-context 中的 SafeAreaProvider/SafeAreaView。当我这样做并输入一个组件以使用图像进行渲染时；它显示双倍（渲染两次）。

我尝试了控制台日志，发现它被重新渲染了 3 次，我该如何防止这种情况发生？

*

应用程序.tsx

主屏幕.tsx

我的 React Native 应用程序的屏幕上开始出现一些奇怪的空白。

我已经简化了一个屏幕，所以您可以在这里看到问题：

当我进入后台模式并重新打开应用程序（在 iPhone 12 上快速滑动手势）时，问题消失了。参见示例：

我正在尝试获取视图的 maxX 以进行计算，但是尽管视图位于堆栈视图内（与其他视图一起）并且约束不在安全区域内（而且看起来也是如此）当我在正在做

在我看来，它让我查看 maxX + safe area x ..（我检查过）

有谁知道为什么并有任何解决方案？

--------------

编辑：

感谢@Sweeper，我了解我的错误以及我需要什么：

这个给出了正确的 maxX。

---------------

谢谢，大卫

我有一个使用画布和一些绘图功能的带有横向屏幕的应用程序。对于某些 android 设备，safeArea 具有边界半径。有没有办法禁用这个边界半径。

无边框半径的设备：

具有边界半径的设备：

我在 TypeScript SafeAreaView组件中遇到了一个奇怪的错误。我为 WebView 创建了其他参考并且它没有失败，只是在分配给 SafeAreaView 组件时似乎失败了。

TS2322：类型'{孩子：元素；参考：可变参考对象；风格：{弹性：数字；背景颜色：任意；}; 边缘：（“顶部”|“右”|“左”）[]；}' 不可分配给类型 'IntrinsicAttributes & ViewProps & { children?: ReactNode; 模式？：“填充”| “边距” | 不明确的; 边缘？：只读边缘 [] | 不明确的; }'。类型'IntrinsicAttributes & ViewProps & { children?: ReactNode; 上不存在属性'ref' 模式？：“填充”| “边距” | 不明确的; 边缘？：只读边缘 [] | 不明确的; }'。

我需要 ref 因为我需要在外部函数上设置setNativeProps

描述

你好，我是 React Native 的新手，我试图渲染一个FlatListinside a ScrollView，我收到一个错误，提到这个FlatListinside应用程序ScrollView不正确，它可能会导致一些滚动迷失方向。所以，我搜索了这个问题的解决方案，发现里面有渲染所有其他东西的ListHeaderComponent属性。我已经在我的屏幕上实现了这个解决方案，但现在它不考虑边界，这很烦人，我不想向外部组件添加硬编码的边距/填充。不会很漂亮。FlatListScrollViewSafeAreaViewScrollView/View

当前实施

屏幕/Home.js：

组件/UI/ProductList.js：

目前的实施结果

我想要完成的

提前致谢！