Tab are a horizontal region of buttons or links that allow for a consistent navigation experience between screens. It can contain any combination of text and icons, and is a popular method for enabling mobile navigation.
They are much similar to FooterTabs.
- Replacing Component:
React Native
<View>
Syntax
import React, { Component } from 'react';
import { Container, Content, Tab, Button, Text } from 'native-base';
export default class TabsExample extends Component {
render() {
return (
<Container>
<Content>
<Tab>
<Button>
<Text>Tab 1</Text>
</Button>
<Button active>
<Text>Tab 2</Text>
</Button>
</Tab>
</Content>
</Container>
);
}
}