如何在导航栏中按下按钮时显示模态

Question

我在 App.js 内的 StackNavigation 中有一个按钮，我实现为：

        headerRight: () => (
          <TouchableOpacity
            onPress={() => {
              GLOBAL_NAV.showModal = true
            }}>
            <Text>{GLOBAL_NAV.buttonTitle}</Text>
          </TouchableOpacity>
        ),

GLOBAL_NAV 是一个 .js 文件，我在其中

const nav_data = {
    buttonTitle: 'Press THIS',
    showModal: false
}

export default nav_data;

在我想显示这个模态的屏幕上，我：

const [isVisible, setIsVisible] = useState(GLOBAL_NAV.showModal)
...
            <Modal
                animationType="slide"
                transparent={true}
                visible={isVisible}
                onRequestClose={() => {
                    alert("Modal has been closed.");
                    setIsVisible(!isVisible);
                }}
            >
                <Text style={styles.modalText}>Hello World!</Text>
            </Modal>
...

当我按下 App.js 中的按钮时，什么也没有发生。