我试图在我的应用中创建类似于以下内容的底部标签导航:
我已经设法使用React Navigation来设置带有所需选项的TabNavigator,但是我遇到两方面的问题: 1.如何仅从一个选项卡中删除标题? 2.如何放大中间的标签图标使其超出主标签容器?我可以更改大小,但不会超出范围。
我针对特定标签的代码如下:
export const MainTabs = createBottomTabNavigator(
{
Create: {
screen: create,
navigationOptions: {
// title: 'Create',
tabBarIcon: ({ tintColor }) => (
// <Image
// source={require('../assets/signUpButton.png')}
// style={[styles.icon, { tintColor }]}
// />
<Icon
name='plus-circle'
color={tintColor}
size={75}
type='font-awesome'
/>
)
},
tabBarOptions: {
showLabel: true
}
},
....
我想念什么吗?
感谢您的帮助!