React Native Starter
2.0.0
2.0.0
  • Getting Started
  • Architecture
  • Testing
  • Internationalization
  • Adding Pages and Components
  • Components
    • Text
    • Icon
    • Card
    • List
    • Top Navigation
    • Top Tabs
    • Bottom Tabs
    • Menu
    • Button
    • Checkbox
    • Toggle
    • Input
  • Screens
  • Theming
Powered by GitBook
On this page
  1. Components

Bottom Tabs

Bottom Tabs provides bottom navigation.

 import { RadioGroup } from '../components'
 
 <RadioGroup
    items={items}
    selectedIndex={tab1State}
    onChange={index => setTab1State(index)}
    topUnderline
 />

Tabs also may contain icons, to provide a better user interfaces

import { RadioGroup } from '../components'
 
 <RadioGroup
    items={[
        <Icon name={'staro'} size={20} />,
        <Icon name={'staro'} size={20} />,
        <Icon name={'staro'} size={20} />,
    ]}
    selectedIndex={tab1State}
    onChange={index => setTab1State(index)}
    topUnderline
 />
PreviousTop TabsNextMenu

Last updated 4 years ago