import React, {Component} from 'react';
import {TouchableOpacity} from 'react-native';

{/**按鈕防重複提交元件*/}
export default class Touch extends Component {
  
  ToPress =()=>{
    const {onPress} = this.props;
    if (this.lastPressed && this.lastPressed + 500 >= Date.now()) {
      return;
    }
    this.lastPressed = Date.now();
    onPress&&onPress()
  }

  render(){
    const {style} = this.props
    return(
      <TouchableOpacity
        activeOpacity={0.85}
        style={style?style:{}}
        onPress={this.ToPress}
        {...this.props}
      >
        {this.props.children}

      </TouchableOpacity>
    )
  }
}
 

//使用例子
<Touch
  style={{}}
  onPress={()=>{}}
>
  {/*自己定義的佈局*/}
</Touch>