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

时间:2018-08-28 04:45:41

标签: ios iphone react-native tabbar react-native-router-flux

好像RNRF正在使用safeAreaView或在呈现的标签栏下方添加一些额外的填充内容的方法:

enter image description here

这一切都很好,因为它可以确保我的标签栏单击体验不会受到图像中iPhone X屏幕底部的干扰。

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

到目前为止,我只能通过在backgroundColor组件的tabBarStyle道具上添加Scene来修改其颜色。

阅读文档后,是否会特别提及iPhone X的样式,但没有运气。

我可以做些什么来修改填充水平吗?

任何指针将不胜感激:D

1 个答案:

答案 0 :(得分:0)

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

由于react-native-router-flux基于React Navigation,我搜索了该API并发现了safeAreaInset here