Установите подчеркивание под активной вкладкой по центру - PullRequest
Новая
       59

Установите подчеркивание под активной вкладкой по центру

0 голосов
/ 30 мая 2020

Я использую Native base для моего собственного проекта реакции. Я использую вкладки и хочу, чтобы подчеркивание активной вкладки было выровнено по центру. Я пробовал alignSelf, alignContent и alignItems, ничего не работает. Вот мой код: 

<Tabs style={{alignItems: 'center'}} tabBarUnderlineStyle={{width:'3%' }} locked={true} renderTabBar={()=> <ScrollableTab tabsContainerStyle={{backgroundColor: 'black', alignItems: 'center', textAlign: 'center'}} style={{borderBottomWidth: 0}} />}>
    <Tab style={{marginLeft: 20}}  textStyle={{fontFamily:'Font'}} activeTextStyle={{fontFamily:'Font'}} activeTabStyle={{backgroundColor: "black"}} tabStyle={{backgroundColor:'black',alignSelf:'center'}} style={{backgroundColor: 'black'}}  heading='first'>
    </Tab>
    <Tab style={{marginLeft: 20}}  textStyle={{fontFamily:'Font'}} activeTextStyle={{fontFamily:'Font'}} activeTabStyle={{backgroundColor: "black"}} tabStyle={{backgroundColor:'black',alignSelf:'center'}} style={{backgroundColor: 'black'}}  heading='second'>
    </Tab>
</Tabs>

Как мне это сделать? Любая помощь приветствуется!

...