1.0.7 • Published 3 years ago
react-native-delay-button v1.0.7
React-Native-Delay-Button
Button with delay execute action.
Install
npm i react-native-delay-buttonImport
import DelayButton from 'react-native-delay-button';Usage
<DelayButton delayColorActive="#dc3545" customButtonStyle={{width: 250, alignSelf: 'center', textAlign: 'center'}} delayColorInactive="#28a745" buttonMessageInactive="Process" buttonMessageDelayCancel="Cancel action" actionOnClick={()=>Alert.alert('Execute Action')} DelayTime={5} />Props for Customization
| Prop | Type | Default | Description | |
|---|---|---|---|---|
| delayColorActive | String | Color when the delay started | ||
| delayColorInactive | String | Color when the button is not delayed | ||
| customButtonStyle | Object | Button Style | ||
| buttonMessageInactive | String | Text in the button when the button is not delayed | ||
| buttonMessageDelayCancel | String | Text when the delayed started | ||
| actionOnClick | Function | The function to execute when the delayed remain time is equal to 0 | ||
| DelayTime | Number | 0 | Delay seconds to started to execute the actionOnClick Function | |
| animation | Boolean | true | Animate indicator change | \ |