React native 要使用SafeArea，是否必须单独创建MyComponent.android.js文件

我是个新来的本地人。每当我必须使用

安全区域视图

时，我必须为同一个组件制作一个单独的

.android.js

文件，没有安全区域会导致重复

---

是否可以有条件地将

安全区域视图

与

平台一起使用。操作系统

？

安全区域视图仅支持ios。因此，对于特定的操作系统，您可以使用条件语句来说明这一点。

SafeAreaView仅支持ios。因此，您可以对特定的操作系统使用条件语句。是的，可以对Platform.os有条件地使用SafeAreaView。 SafeAreaView仅适用于ios，但也适用于android。 在我的代码安全区域查看两个操作系统上的工作。

---

如果仅在特定操作系统上需要，则给出条件。

是，可以有条件地将SafeAreaView用于Platform.OS。 SafeAreaView仅适用于ios，但也适用于android。 在我的代码安全区域查看两个操作系统上的工作。

---

如果只在特定操作系统上需要，那么给出条件。

我也有同样的问题。因此，我所做的是创建一个名为任意的组件，例如

SafeScrollView.js

，然后在该组件中有条件地呈现

SafeAreaView

，然后将子级传递给该组件

例如：

我有

SafeScrollView.js

如下：

从“React”导入React；
从“react native”导入{View，SafeAreaView，Platform}；
常量安全滚动视图=（道具）=>{
如果（Platform.OS==“ios”）{
返回(
{props.children}
);
}
返回(
{props.children}
)
}
导出默认安全滚动视图

然后使用

SafeScrollView

作为组件，如下所示：

//您的组件

现在，在IOS中，它将呈现普通的

视图

组件，如果设备是android，它将呈现

安全滚动视图

。

---

因此，您不必创建单独的文件。

我也有同样的问题。因此，我所做的是创建一个名为任意的组件，例如

SafeScrollView.js

，然后在该组件中有条件地呈现

SafeAreaView

，然后将子级传递给该组件

例如：

我有

SafeScrollView.js

如下：

从“React”导入React；
从“react native”导入{View，SafeAreaView，Platform}；
常量安全滚动视图=（道具）=>{
如果（Platform.OS==“ios”）{
返回(
{props.children}
);
}
返回(
{props.children}
)
}
导出默认安全滚动视图

然后使用

SafeScrollView

作为组件，如下所示：

//您的组件

现在，在IOS中，它将呈现普通的

视图

组件，如果设备是android，它将呈现

安全滚动视图

。

---

因此，您不必创建单独的文件。

我知道这一点，并且我已经提到我必须创建单独的.android.js文件。我如何有条件地在ios中使用，在android中使用plain。我知道这一点，并且我已经提到我必须单独创建.android.js文件。如何在ios中有条件地使用，在android中有条件地使用。请参考@hongdevelop我通过该线程完成的内容。我想知道，如果我使用SafeAreaView并在android上运行它，它的行为会像普通视图吗？SafeAreaView与普通视图具有相同的道具。显示的视图与普通视图相同。请参阅@hongdevelop我通过线程查看的内容。我想知道，如果我使用SafeAreaView并在android上运行它，它的行为会像普通视图吗？SafeAreaView与普通视图具有相同的道具。显示的视图与普通视图相同。因此，如果我在Android上运行，那么SafeAreaView的行为将类似于view？是的，当它在Notch display上时，它会通过两个操作系统中的SafeAreaView调整您的UI。因此，如果我在Android上运行，那么SafeAreaView的行为将类似于view？是的，当它显示在凹口上时，它会通过两个操作系统中的SafeAreView调整您的UI。