使react本机组件定期闪烁

我正在尝试使页面上的组件“闪烁”。我在考虑在componentwillmount方法中设置一个visible:true状态,然后在componentdiddupdate中设置超时1s以将状态设置为与前一状态“相反”的状态。如我所见,组件生命周期如下:

将状态设置为“可见”为“真”(componentwillmount,它只运行一次,不触发重传器) 输入componentDidUpdate

  componentWillMount(){

    console.log('in componentWillMount')
    this.setState({visible: true})
  }
  componentDidUpdate(){
    console.log('in componentDidUpdate')
    setTimeout(() =>this.setState({visible: !this.state.visible}), 1000)
  }

  // componentWillUnmount(){
  //   clearInterval(this.interval)
  // }
  render(){
    const { textStyle } = styles;
    if (this.state.visible){
      return (
              <TouchableOpacity onPress={this.props.onPress}>
                <Pause style={{height: 50, width: 50}}/>
              </TouchableOpacity>
      );
    }
    else {
      return (
        <View style={{height: 50, width: 50}}>
        </View>
      )
    }
  }
};