React-Native-Delay-Button

Button with delay execute action.

Install

npm i react-native-delay-button

Import

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