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

hjzp0vay 于 2023-03-31 发布在 React

关注(0)|答案(1)|浏览(108)

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

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

如何解决这个问题？

1条答案

React Native中的SafeAreaView标签使用自己的padding样式prop来实现其行为，覆盖您传递给它的行为。处理<SafeAreaView>的padding的方法之一是在<SafeAreaView>中添加<View>并在那里应用您的padding。示例如下：

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