如何更改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>

它顯示了默認的藍色，而我需要改變下劃線顏色，活潑的文字顏色爲綠色和無效的文本顏色爲灰色。

來源

2017-08-08 NewTech Lover

我有嘗試你的代碼，並得到了這個解決方案，首先是你的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>

希望可以幫助你解決問題，如果你有錯誤，請注意我，謝謝:)

來源

2017-08-08 12:32:06

感謝您的幫助。此代碼有效。你知道有沒有辦法使用邊框而不是標籤下劃線？我問這是因爲標籤下劃線只是像邊框一樣。 –

你可以使用另一個屬性在標籤本地基地我認爲 –

是否有用？ –

如何更改React-native中的樣式可滾動選項卡

回答

相關問題