如何在React-native中更改样式的可滚动标签

Question

我在项目中使用Native-Bae，并且已经为可滚动标签添加了这些样式元素，但是并没有根据需要更改颜色。 这是我的代码。

<Tabs styles={{tabBarUnderlineStyle:'#0dc49d',tabBarActiveTextColor:'#0dc49d',tabBarInactiveTextColor:'#D3D3D3'}} >

   <Tab  heading="Most Popular">
     <Articles />
   </Tab>
   <Tab heading="New">
     <ArticlesNew />
   </Tab>
 </Tabs>

它显示默认的蓝色，而我需要将下划线颜色，活动文本颜色更改为绿色，将非活动文本颜色更改为灰色。

Answer 1

我尝试了您的代码，并获得了此解决方案，首先是如果要更改下划线样式，请更改Tabs属性：

<Tabs tabBarUnderlineStyle={{ backgroundColor:'#0dc49d' }} >

然后使用以下代码更改标签的样式属性：

<Tab  heading="Most Popular" activeTextStyle={{ color:'#0dc49d' }} textStyle={{ color:'grey' }} >

和您的完整代码应该是这样的：

<Tabs tabBarUnderlineStyle={{ backgroundColor:'#0dc49d' }} >

   <Tab  heading="Most Popular" activeTextStyle={{ color:'#0dc49d' }} textStyle={{ color:'grey' }} >
     <Articles />
   </Tab>
   <Tab heading="New" activeTextStyle={{ color:'#0dc49d' }} textStyle={{ color:'grey' }} >
     <ArticlesNew />
   </Tab>
 </Tabs>

希望可以帮助您解决问题，如果遇到错误请通知我，谢谢:)