首页 > 解决方案 > 来自组件的显示屏幕覆盖

问题描述

我正在编写一个 React Native 可重用组件,它在某些状态下需要在屏幕上显示覆盖。似乎这样做的方法是使用position:absolute. 但这在我的情况下效果不佳,因为该组件不是根视图的子级,因此无法获得全屏区域。

在 Snack 上查看这个演示示例: https ://snack.expo.io/@dennismadsen/position-absolute-test

在这种情况下,位置是基于AssetExample元素的位置获得的。

上面的示例如下所示:

示例截图

我希望叠加层位于屏幕顶部,如下所示:

我希望如何定位叠加层

我该如何解决这个问题?

标签: react-native

解决方案


我也遇到了同样的问题。我已经创建了 DatePicker 所在的 ListItem 输入字段。

在此处输入图像描述


推荐阅读