Steps to customize theme for Tab attributes:
| Property | Description |
|---|---|
| tabBgColor | Background color for Tabs |
| tabTextColor | Text color for Tabs |
| tabFontSize | Font size of text on Tabs |
Syntax
import React, { Component } from 'react';
import { Container, Content, Tabs } from 'native-base';
import myTheme from './Themes/myTheme';
import TabOne from './tabOne';
import TabTwo from './tabTwo';
export default class ThemeTabsExample extends Component {
render() {
return (
<Container>
<Content theme={myTheme}>
<Tabs>
<TabOne tabLabel='One' />
<TabTwo tabLabel='Two' />
</Tabs>
</Content>
</Container>
);
}
}