SafeAreaView 不尊重样式中的填充属性

Question

对 SafeAreaView 的样式应用填充不起作用。填充没有区别的示例：

<SafeAreaView style={[{ padding: 16}]}>
  <Text>
    Some content
  </Text>
</SafeAreaView>

如何解决这个问题？

Answer 1

React Native 中的 SafeAreaView 标签使用它自己的填充样式道具来实现它的行为，覆盖你传递给它的那个。处理

<SafeAreaView>

填充的方法之一是在

<View>

内添加一个

<SafeAreaView>

并在那里应用填充。一个例子是：

<SafeAreaView>
  <View style={[{ padding: 16}]}>
    <Text>
      Some content
    </Text>
  </View>
</SafeAreaView>