NativeBase自定義組件樣式

http://nativebase.io/docs/v0.5.13/customize#themingNativeBaseApp

對於NativeBase中的組件，我們可以根據實際需要來進行自定義組件顏色、高度、大小等。

准備

1. 復制light.js文件（/node_modules/native-base/Components/Themes/light.js）
2. 創建文件夾Themes在我們的項目中，然后粘貼剛剛復制的文件，重新命名為myTheme.js
3. 在我們需要自定義的文件中導入文件Themes/myTheme.js
4. 進入Themes/myTheme.js文件中找到相應的組件，可以自定義改變

用法

<Container theme={myTheme}>
    <Header>
        <Title>課程</Title>
    </Header>
    <Content>
        <Button block style={{marginTop:30}}><Text>我是課程</Text></Button>
    </Content>
    <Footer>
        <TabsFooter />
    </Footer>
</Container>

舉例-修改底部背景及字體顏色

默認底部顏色樣式為：

修改后：