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.
1
import
{
RadioGroup
}
from
'../components'
2
3
<
RadioGroup
4
items
=
{
items
}
5
selectedIndex
=
{
tab1State
}
6
onChange
=
{
index
=>
setTab1State
(
index
)}
7
topUnderline
8
/>
Copied!
Tabs also may contain
icons
, to provide a better user interfaces
1
import
{
RadioGroup
}
from
'../components'
2
3
<
RadioGroup
4
items
=
{[
5
<
Icon
name
=
{
'staro'
}
size
=
{
20
}
/>
,
6
<
Icon
name
=
{
'staro'
}
size
=
{
20
}
/>
,
7
<
Icon
name
=
{
'staro'
}
size
=
{
20
}
/>
,
8
]}
9
selectedIndex
=
{
tab1State
}
10
onChange
=
{
index
=>
setTab1State
(
index
)}
11
topUnderline
12
/>
Copied!
Previous
Top Tabs
Next
Menu
Last modified
1yr ago
Copy link