React Native TabBarIOS.Item 中心图标

React Native TabBarIOS.Item Center icon

我正在尝试制作一个在 iOS 侧有 TabBar 的 React Native 应用程序。我不希望按钮有任何标题(如 "Blue Tab" 和 "History"),我想将右侧的人物图标垂直居中。

目前我正在使用 example

中可用的代码

好的,我刚刚找到了操作方法:

在我删除的TabBarIOS.Item道具中:

title:"User"

我只需要将标题设置为空即可:

title=""

要垂直对齐,您可以在样式中设置 (flex: 1,) flexDirection: 'row'。这是一篇帮助我在 react-native 中与 flexbox 保持一致的文章,希望它对你也有帮助:) http://moduscreate.com/aligning-children-using-flexbox-in-react-native/