無法自定義選項卡欄原生基地

Question

我試圖自定義我的選項卡欄的顏色，但顏色不變，我仍然有我的標籤欄上的默認藍色。 我正在使用2.1.5版本的native-base。

我跟着上本機鹼的V.2.0文檔示例中，用於對<Tabs>或<Tab>等tabBarBackgroundColor任一性質，但沒有得到結果。

我有這樣的代碼：

import React, { Component } from 'react'; 
import { Container, Content, Tab, Tabs, Header, TabHeading, Icon, Text } from 'native-base'; 
import PageTwo from '../pages/PageTwo'; 

export default class PageThree extends Component { 
    render() { 
     return (
      <Container> 
       <Header hasTabs/> 
       <Tabs 
       textStyle='#ED9D19' 
       tabBarUnderlineStyle='#ED9D19' 
       tabBarIconContainerStyle='#ED9D19' 
       tabBarBackgroundColor='white'> 
        <Tab 
        tabBarBackgroundColor={{backgroundColor : '#ED9D19'}} 
        heading={ <TabHeading><Icon name="camera" /><Text>Camera</Text></TabHeading>}> 
        <PageTwo/> 
        </Tab> 
        <Tab heading={ <TabHeading><Text>No Icon</Text></TabHeading>}> 

        </Tab> 
        <Tab heading={ <TabHeading><Icon name="apps" /></TabHeading>}> 

        </Tab> 
       </Tabs> 
      </Container> 
     ); 
    } 
} 

正如你所看到的，我試圖用不同的屬性，但似乎沒有人工作，除了tabBarPosition這呢。

Answer 1

我設法使一個主題化的文件來解決我的問題，如文檔中建議，這裏是我的代碼：

import React, { Component } from 'react'; 
import { Container, Content, Tab, Tabs, Header, TabHeading, Icon, Text, StyleProvider } from 'native-base'; 
import PageTwo from '../pages/PageTwo'; 
import getTheme from '../native-base-theme/components'; 
import commonColor from '../native-base-theme/variables/commonColor'; 

export default class PageThree extends Component { 
    render() { 
     return (
      <StyleProvider style={getTheme(commonColor)}> 
      <Container> 
       <Header hasTabs/> 
       <Tabs> 
        <Tab heading={ <TabHeading><Icon name="camera" /><Text>Camera</Text></TabHeading>}> 
        <PageTwo/> 
        </Tab> 
        <Tab heading={ <TabHeading><Text>No Icon</Text></TabHeading>}> 

        </Tab> 
        <Tab heading={ <TabHeading><Icon name="apps" /></TabHeading>}> 

        </Tab> 
       </Tabs> 
      </Container> 
      </StyleProvider> 
     ); 
    } 
} 

現在，我只需要更改commonColor.js文件中的值，我需要。

但是，我仍然不明白爲什麼我不能直接在我的代碼中更改屬性...