Button
Button component that is based on react native Button
component.
Import
import { Button } from 'react-native-ficus-ui';
Usage
Default
EDITABLE EXAMPLE
Button sizes
EDITABLE EXAMPLE
Round
EDITABLE EXAMPLE
Variants
EDITABLE EXAMPLE
Prefix and suffix
EDITABLE EXAMPLE
Props
Extends every Box
props and react native Button
component.
https://reactnative.dev/docs/button#props (opens in a new tab)
style
The style prop from React Native. Unlike the regular Pressable component, it does not accept a function.
Type | Required | Default |
---|---|---|
StyleProp<ViewStyle> | No |
colorScheme
The colorScheme property, will define background color and overlay color.
Type | Required | Default |
---|---|---|
string | No |
size
The size property, will define the size of the button.
Type | Required | Default |
---|---|---|
string | No |
full
The full property, if true, then the button takes all the width.
Type | Required | Default |
---|---|---|
boolean | No |
isRound
The isRound property, if true, then the button will have a `borderRadius` fully round.
Type | Required | Default |
---|---|---|
boolean | No |
_pressed
The properties to apply when `pressed` is true.
Type | Required | Default |
---|---|---|
CustomStyleObject | No |