AsyncButton.tsx

import React from 'react'
import { Button } from 'react-native'

interface Props {}
interface State {
  isDoing: boolean
}

export class WithButton extends React.Component<Props, State> {
  public state: State = { isDoing: false }

  private handlePress = () => {
    this.setState(prev => {
      if (prev.isDoing) {
        // async action already running
        return null
      }
      this.doIt().finally(() => this.setState({ isDoing: false }))
      return { isDoing: true }
    })
  }

  private doIt = async () => {
    return new Promise(res => setTimeout(res, 3000))
  }

  public render() {
    return <Button disabled={this.state.isDoing} onPress={this.handlePress} title={`Hit me`} />
  }
}