我希望能够减小 Top Naviagtion 栏中的 indicatorStyle 的宽度以实现以下结果:
但是,每当我尝试减小条的宽度时,我都无法将其正确居中。这是我目前拥有的;
下面是我的代码:
import React from 'react';
import { createAppContainer } from 'react-navigation';
import {createMaterialTopTabNavigator } from 'react-navigation-tabs';
import Colors from '../constants/Colors';
import Tab1 from '../screens/tab1';
import Tab2 from '../screens/tab2';
const HomeTab = createMaterialTopTabNavigator({
TAB1: Tab1,
TAB2: Tab2,
},
{
tabBarOptions: {
activeTintColor: 'black',
inactiveTintColor: 'gray',
labelStyle: { fontSize: 14, fontWeight:"700" },
style: { backgroundColor: Colors.mainBackground, elevation: 0, shadowOpacity: 0, borderBottomWidth:2, borderColor:'#ccc' },
indicatorStyle: { backgroundColor: 'blue', width:100},
},
}
);
谢谢您的帮助!真的很感激:)