React Navigation Lock Example

~hooks-use-navigate-lock.js

// @flow
import { useCallback, useState } from 'react'
import { useFocusEffect } from '@react-navigation/native'

export default function useNavigateLock () {
  const [isLocked, setIsLocked] = useState(false)

  useFocusEffect(useCallback(() => {
    setIsLocked(false)
  }, []))

  const locker = () => {
    if (isLocked) {
      return false
    } else {
      setIsLocked(true)
      return true
    }
  }

  return locker
}

~scenes-home.js

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

import useNavigateLock from '~hooks/use-navigate-lock'

const Home = ({ navigation }) => {
  const lock = useNavigateLock()

  const goSettings = () => lock() && navigation.push('Settings')
  const goProfile = () => {
    if (lock()) {
      const params = { name: 'Hana' }
      navigation.push('Profile', params)
    }
  }

  return (
    <View>
      <Button title="pushSettings" onPress={goSettings} />
      <Button title="pushProfile" onPress={goProfile} />
    </View>
  )
}

export default Home