Ios 进一步定制安全区域视图

是否可以更改底部栏的颜色

我想把它涂成白色。你有什么想法吗

目标：

返回(
这是一个使用{“”}构建的应用程序示例
要开始，请编辑。
{}}title=“示例按钮”/>

---

你能试试这个吗？

谢谢你的回答。你的解决方案改变了整个事情。我添加了一张新图片，以明确我的目标。

return (
<Fragment>
  <SafeAreaView style={{ flex: 0, backgroundColor: "red" }} />
  <SafeAreaView style={{ flex: 1, backgroundColor: "white" }}>
    <View style={styles.app}>
      <View style={styles.header}>
        <Image
          accessibilityLabel="React logo"
          source={{ uri: logoUri }}
          resizeMode="contain"
          style={styles.logo}
        />
      </View>
      <Text style={styles.text}>
        This is an example of an app built with{" "}
      </Text>
      <Text style={styles.text}>To get started, edit .</Text>
      <Button onPress={() => {}} title="Example button" />
    </View>
  </SafeAreaView>
</Fragment>