مشكلة فى تكرار touchableOpacity فى React native cli

من الممكن الإعتماد على الحالة (state) لتتبع ما إذا كانت الشاشة قد تم فتحها بالفعل أم لا، من خلال useState لإضافة حالة تتحكم في إمكانية فتح الشاشة، كالتالي:

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


const YourComponent = ({ navigation }) => {
  const [screenOpened, setScreenOpened] = useState(false);


  const handleButtonPress = () => {
    if (!screenOpened) {
      // تحديث الحالة لتشير إلى أن الشاشة قد تم فتحها
      setScreenOpened(true);
      
      // قم بالانتقال إلى الشاشة 'notapd'
      navigation.navigate('notapd');
    }
  };


  return (
    <TouchableOpacity
      activeOpacity={1}
      onPress={handleButtonPress}
      style={Stylemodulsitems.mycard}
    >
      <Text>ملاحظات</Text>
    </TouchableOpacity>
  );
};


export default YourComponent;

والمقصود هو استخدام حالة screenOpened لتتبع ما إذا كانت الشاشة قد تم فتحها أم لا، وعند الضغط على الزرار، يتم فحص قيمة screenOpened، وإذا كانت false، يتم تحديث الحالة إلى true ويتم فتح الشاشة وتنفيذ التنقل.