antd-mobileTabsコンポーネントが中心の問題に下線を引く

<Tabs 
            tabs={
    
    tabList}
            initialPage={
    
    0}
            // page={tabIndex}
            tabBarPosition="top"
            tabBarBackgroundColor={
    
    "transparent"}
            tabBarActiveTextColor={
    
    "#3A3A47"}
            tabBarInactiveTextColor={
    
    "#66666E"}
            tabBarTextStyle={
    
    {
    
    fontSize:'12px'}}
            tabBarUnderlineStyle={
    
    {
    
    width:'30px',marginLeft:'20px',background:'#1491ED'}}
            distanceToChangeTab={
    
    0.5}
            onTabClick={
    
    this.handleTabClick}
            renderTab={
    
    tab => <span>{
    
    tab.title}</span>}
          ></Tabs>

下線のスタイルを変更する必要がある場合は、tabBarUnderlineStyleの幅を直接固定幅に設定し
、下線のdiv幅が100％であるため、マージン左の値（キーポイント）を設定します。中央に配置する場合は、マージン左の値