apsl-react-native-button

A React Native button component customizable via style props.

Install

Install the package:

$ npm i apsl-react-native-button --save

Import the Button component:

import Button from 'apsl-react-native-button'

Usage

Provide TouchableOpacity' props to the component (including style), textStyle's StyleSheet to customize the inner text and a children node to render. You can also provide the isLoading prop that will dim the button and disable it to prevent accidental taps.

<Button style={{backgroundColor: 'red'}} textStyle={{fontSize: 18}}>
  Hello!
</Button>

API

Prop	Type	Description
onPress	func	Function to execute when the onPress event is triggered.
onPressIn	func	Function to execute when the onPressIn event is triggered.
onPressOut	func	Function to execute when the onPressOut event is triggered.
onLongPress	func	Function to execute when the onLongPress event is triggered.
textStyle	TextStylePropTypes	The StyleSheet to apply to the inner button text.
children	string	The string to render as the text button.
isLoading	bool	Renders an inactive state dimmed button with a spinner if true.
isDisabled	bool	Renders an inactive state dimmed button if true.
activityIndicatorColor	string	iOS only. Sets the button of the ActivityIndicatorIOS in the loading state.

Check the included example for more options.

License

MIT.