button
Props#
Also receives all TouchableNativeFeedback (Android) or TouchableOpacity (iOS) props
buttonStylecontainerStyledisableddisabledStyledisabledTitleStyleiconiconContainerStyleiconRighticonPositionlinearGradientPropsloadingloadingPropsloadingStyleonPressraisedtitletitlePropstitleStyleTouchableComponenttypeViewComponent
Reference#
buttonStyle#
add additional styling for button component (optional)
| Type | Default |
|---|---|
| View style (object) | none |
containerStyle#
styling for Component container
| Type | Default |
|---|---|
| View style (object) | none |
disabled#
disables user interaction
| Type | Default |
|---|---|
| boolean | false |
disabledStyle#
style of the button when disabled
| Type | Default |
|---|---|
| View style (object) | Internal Style |
disabledTitleStyle#
style of the title when disabled
| Type | Default |
|---|---|
| Text style (object) | Internal Style |
icon#
displays a centered icon (when no title) or to the left (with text). (can be used along with iconRight as well). Can be an object or a custom component.
| Type | Default |
|---|---|
| {...Icon props} OR component | none |
iconContainerStyle#
styling for Icon Component container
| Type | Default |
|---|---|
| View style (object) | none |
iconRight#
displays Icon to the right of title. Needs to be used along with icon prop
| Type | Default |
|---|---|
| boolean | false |
iconPosition#
displays Icon to the position mentioned. Needs to be used along with icon prop
| Type | Default |
|---|---|
| string | left |
linearGradientProps#
displays a linear gradient. See usage.
| Type | Default |
|---|---|
| {...Gradient props} | none |
loading#
prop to display a loading spinner (optional)
| Type | Default |
|---|---|
| boolean | false |
loadingProps#
add additional props for ActivityIndicator component (optional)
| Type | Default |
|---|---|
| {...ActivityIndicator props} | Internal object |
loadingStyle#
add additional styling for loading component (optional)
| Type | Default |
|---|---|
| View style (object) | Internal Style |
onPress#
onPress method (optional)
| Type | Default |
|---|---|
| function | none |
raised#
Add raised button styling (optional). Has no effect if type="clear".
| Type | Default |
|---|---|
| boolean | false |
title#
button title (optional)
| Type | Default |
|---|---|
| string OR component | none |
titleProps#
add additional props for Text component (optional)
| Type | Default |
|---|---|
| {...Text props} | none |
titleStyle#
add additional styling for title component (optional)
| Type | Default |
|---|---|
| Text style (object) | none |
TouchableComponent#
component for user interaction
| Type | Default |
|---|---|
| Touchable Component | TouchableOpacity (ios) or TouchableNativeFeedback (android) or TouchableOpacity (android, if linearGradientProps exists) |
type#
Type of button (optional)
| Type | Default |
|---|---|
solid, clear, outline | solid |
ViewComponent#
component for container
| Type | Default |
|---|---|
| React Native Component | View |