React Native Starter
Search…
Components
Components are stateless rect elements. They render what you pass to them and call function as callbacks. Components are essential part of the app. Here's the list of available components:
Button
Regular Button can be rendered like this:
1
<Button
2
style={styles.demoButton}
3
primary
4
caption="Button"
5
onPress={this.buttonClicked}
6
/>
Copied!
Button component takes the following props:
Prop name
Type
Description
primary boolean
Make button BG primary colored
secondaryboolean
Make button BG secondary colored
borderedboolean
Button without bg, but with borders
roundedboolean
Adds border radius to componen
smallboolean
Renders small button
icon​
Icon for the button
captionstring
Button's label
onPressfunction
onPress handler
bgColorstring
Background color
textColorstring
Text color
bgGradientStartstring
Color of gradient bg start
bgGradientEndstring
Color of gradient bg end
actionboolean
Renders action button
loadingboolean
Renders loading indicator
Radio Group
Renders a tab-style radio group.
Can be rendered:
1
<RadioGroup
2
style={styles.demoItem}
3
items={['One', 'Two', 'Three']}
4
selectedIndex={props.radioGroupsState[0]}
5
onChange={index => props.setRadioGroupsState({ ...props.radioGroupsState, 0: index })}
6
/>
Copied!
Component's props:
Prop name
Type
Description
itemsarray[string]
Items to render on the Radio button
secondaryboolean
Renders secondary-styles radio group
roundedboolean
Renders radio group with rounded corners
underlineboolean
Renders underline-styled radio button
onChangefunction
Called when the button in the group is clicked
selectedIndexnumber
Index of selected item
Dropdown
Use the dropdown this way:
1
<Dropdown
2
onSelect={() => {}}
3
items={['option 1', 'option 2']}
4
/>
Copied!
Dropdown's props:
Prop name
Type
Description
onSelectfunction
Callback that called after the item is selected
itemsarray[string]
Items for the dropdown
Last modified 3yr ago
Copy link