首页 > 解决方案 > iPhone X 上的 react-native-router-flux 标签栏样式

问题描述

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

在此处输入图像描述

这很好,因为它确保我的标签栏点击体验不会受到 iPhone X 屏幕底部的干扰,正如您在图像中看到的那样。

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

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

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

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

任何指针将不胜感激:D

标签: iosiphonereact-nativetabbarreact-native-router-flux

解决方案


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

由于 react-native-router-flux 基于 React Navigation,我搜索了该 API 并在safeAreaInset 此处找到


推荐阅读