React Native Starter
Search…
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
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
/>
Previous
Top Tabs
Next
Menu
Last modified
1yr ago
Copy link