Как сделать положение подчеркивания вкладок в центре?

Question

Я хочу настроить вкладки подчеркивания в центре. результат я уже использую alignItem, justifyContent и его не работает. спасибо

* вот мой код

<Footer>
<Tabs tabBarUnderlineStyle={{ backgroundColor: '#00CBFF', width: 100}}>
<Tab1>
<Tab2>
</Tabs>
</Footer>

Answer 1

Вы можете установить следующее свойство для родительского представления.

flexDirection: 'row',
justifyContent: 'space-evenly',

Он установит ваш макет с одинаковым пространством для обеих вкладок, и он будет установлен в центре.

Answer 2

Если подчеркивание - это то, к чему применяется стиль, вам нужно использовать alignSelf.

alignItem и justifyContent для всех дочерних компонентов, а не для самого компонента.