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

问题描述：

我在我的项目中使用Native-Bae，并且已经为可滚动选项卡添加了这些样式元素，但它不会根据需要更改颜色。这是我的代码。如何更改React-native中的样式可滚动选项卡

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

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

它显示了默认的蓝色，而我需要改变下划线颜色，活泼的文字颜色为绿色和无效的文本颜色为灰色。

答

我有尝试你的代码，并得到了这个解决方案，首先是你的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>

希望可以帮助你解决问题，如果你有错误，请注意我，谢谢:)

感谢您的帮助。此代码有效。你知道有没有办法使用边框而不是标签下划线？我问这是因为标签下划线只是像边框一样。 –

你可以使用另一个属性在标签本地基地我认为 –

是否有用？ –

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

相关推荐