Reactjs 如何在React native中更改可滚动选项卡的样式

我在我的项目中使用了Native Bae，并且已经为可滚动选项卡添加了这些样式元素，但是它没有按照我的需要更改颜色。这是我的密码

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

   <Tab  heading="Most Popular">
     <Articles />
   </Tab>
   <Tab heading="New">
     <ArticlesNew />
   </Tab>
 </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>



希望能帮助您解决问题，如果您有错误，请通知我，谢谢：）
谢谢您的帮助。这个代码有效。你知道有没有办法用边框代替制表符下划线？我这样问是因为标签下划线就像边框底部一样。你可以使用标签本机底部的其他属性。我认为上面的代码用于更改颜色。非常感谢。不客气：）如果您觉得我的答案有助于您解决问题，您可以将我的答案标记为选中，以便其他人也可以尝试我的代码：）