Skip to content

Latest commit

 

History

History
59 lines (52 loc) · 1.69 KB

Tabs.md

File metadata and controls

59 lines (52 loc) · 1.69 KB

Customize Tabs

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>
        );
    }
}