javascript - 使用 native 控制顶部栏

我是本机反应的新手，我正在尝试做一个简单的应用。

我刚输入文字，结果就是Nexus 5：



我知道将SaveAreaView放置会得到解决，但是没有。

 return (
    <SafeAreaView style={{flex: 1}}>
       <Text style={styles.principalTitle}>Just a text</Text>
    </SafeAreaView>
 );

如何在可见区域中控制文字提示的顶部栏？谢谢。

最佳答案

SafeAreaView的目的是在安全区域内呈现内容
  设备的边界。目前仅适用于iOS设备
  iOS 11或更高版本。 -SafeAreaView


在您的情况下，SafeAreaView无效，但是您可以将marginTop传递给视图或直接传递给文本。例如。 ：

 return (
    <SafeAreaView style={{flex: 1, marginTop: 20 }}>
       <Text style={styles.principalTitle}>Just a text</Text>
    </SafeAreaView>
 );