iPhone X 上的 react-native-router-flux 标签栏样式答案

【问题标题】：react-native-router-flux tabbar styling on iPhone XiPhone X 上的 react-native-router-flux 标签栏样式
【发布时间】：2019-02-02 15:18:49
【问题描述】：

似乎 RNRF 正在使用 safeAreaView 或其他东西在呈现的标签栏下方添加额外的填充：

这很好，因为它确保我的标签栏点击体验不会受到 iPhone X 屏幕底部的干扰，如图所示。

但我只需要访问该填充以根据自己的喜好对其进行修改。即填充的高度，如果我想完全禁用填充并将按钮本身展开到屏幕底部。

目前我只能通过在Scene 组件上添加backgroundColor 到tabBarStyle 属性来修改它的颜色。

一直在阅读文档以查看是否有任何关于 iPhone X 样式的具体提及，但没有运气。

我可以做些什么来修改填充级别？

任何指针将不胜感激：D

【问题讨论】：

【解决方案1】：

我知道这对你来说可能为时已晚，但希望我能帮助那些像我一样晚才发现这篇文章的人。在Tabs 组件中设置safeAreaInset={{bottom: 'never'}}> 使SafeAreaView 允许Scene 组件到达屏幕底部。

由于 react-native-router-flux 基于 React Navigation，我搜索了该 API 并找到了 safeAreaInset here

【讨论】：