React Native SafeAreaView 仅水平

Posted 2023-03-15

【中文标题】React Native SafeAreaView 仅水平

【英文标题】：React Native SafeAreaView horizontal-only

【发布时间】：2021-01-12 15:25:01

【问题描述】：

是否可以仅水平使用 react 本机 SafeAreaView (react-native-safe-area-context)（或删除生成的顶部填充）？使用它时，例如在从底部滑动的模态中，iPhone X 间距被添加到顶部，尽管它实际上离屏幕顶部很远。它应该只在横向的左右添加必要的间距。

【参考方案1】：

使用edges 属性对你有用吗？

<SafeAreaView edges=['left', 'right'] />

如果您只想从顶部删除bottom，可以将其添加到上述数组中。

【讨论】：

不敢相信我没有找到那个道具...谢谢！