You want two things when the game ends: a short click, so the player feels the hit, and a best score that does not reset to 0 every time the app is closed.

The sound. expo-audio plays sound files. useAudioPlayer loads one when the screen appears, and you play it when you need it:

const hitSound = useAudioPlayer({ uri: HIT_SOUND_URL });
 
hitSound.seekTo(0); // back to the start, in case it played before
hitSound.play();

Use a short, plain sound effect: a click, a tap or a thud, less than a second long. Older tutorials use expo-av. That package was removed from recent versions of Expo, so use expo-audio.

The best score. State is forgotten when the app closes. AsyncStorage is a small notebook on the phone that remembers text under a name, called a key. You met it when saving data for your habit tracker. Two things to remember:

1. It only stores strings. Save with String(best), and turn it back with Number(saved).
2. The first time, nothing is saved yet, so getItem gives back null.

function newBest(savedText, score) {
  const best = savedText === null ? 0 : Number(savedText);
  return Math.max(best, score);
}

When the game ends, read the saved best, compare it with score, and save the bigger one.

People often compare the saved text straight away. "12" is text, not a number, and null is not 0. So Math.max or > can give a strange answer, or the best score shows as empty. Turn it into a number first.

getItem and setItem are asynchronous, like fetch: they give back a promise. Use .then or await, and set state when the value arrives.

When you read storage code, look for the key ("best"), the turn into a string when saving, and the turn back into a number when loading.