React to native button blinking effect

[lllomh]

Define the method first

this.state = {
buttonBackgroundColor: 'green',
isBlinking: false, // A new status is added to identify whether the button is blinking or not
}


autoStart=()=>{

this.setState({ isAutoSending: true });
let dt = setInterval(()=>{
this.init()
}, 5000);

this.setState(
{
clearTime: dt,
isBlinking: true, 
},
() => {

this.startBlinkAnimation();
}
);


}

startBlinkAnimation = () => {
if (this.state.isBlinking) {
this.setState({ buttonBackgroundColor: 'red' });
setTimeout(() => {
this.setState({ buttonBackgroundColor: 'green' });
setTimeout(this.startBlinkAnimation, 500);
}, 500);
}
};
<Button color={this.state.buttonBackgroundColor} title={'Start'} onPress={() => !this.state.isAutoSending && this.autoStart()}/>
You can click the button to see the effect.

[flycast]

thanks for sharing the content hope this helpful i will try it.