React native 来自组件的显示屏幕覆盖

我正在编写一个React本地可重用组件，它在某些状态下需要在屏幕上显示一个覆盖。这样做的方法似乎是使用

position:absolute

。但是，在我的情况下，这并不能很好地工作，因为组件不是根视图的子视图，因此无法获得全屏区域

请参阅有关零食的演示示例：

在这种情况下，位置是基于

AssetExample

元素的位置获得的

下面是上述示例的样子：

我希望覆盖层位于屏幕顶部，如下所示：

---

如何解决这个问题？

也许可以从尺寸中获得宽度和高度？这样，您将始终获得100%

从“react native”导入{…，维度，…}

const width=Dimensions.get（'window'）.width；

---

const height=维度.get（'window'）。高度

是否可以从尺寸中获取宽度和高度？这样，您将始终获得100%

从“react native”导入{…，维度，…}

const width=Dimensions.get（'window'）.width；

---

const height=维度.get（'window'）。高度

我也遇到了同样的问题。我已经创建了ListItem输入字段，其中包含日期选择器

---

我也遇到了同样的问题。我已经创建了ListItem输入字段，其中包含日期选择器

---

我通过使用react原生元素的覆盖解决了这个问题。

我通过使用react原生元素的覆盖解决了这个问题。

我仍然认为我会被存储在

AssetExample

元素中。我希望我的覆盖从屏幕顶部开始。我仍然认为我将被存储在

AssetExample

元素中。我希望我的覆盖从屏幕顶部开始。