Javascript 加载函数时隐藏/着色react导航屏幕标题

我试图在Firebase函数更新数据时创建一个自定义加载屏幕，并避免用户在加载时离开屏幕，但我的标题仍然可以单击，并且不会阻止用户返回

我试过使用SafeAraview等，但没有得到任何结果

研究目标说明：

我就是这样做的：

    if (taked === true) {        
        setTimeout(() => {
            cancelDelivery();
        }, 1500);      
        return (
            <SafeAreaView style={{ flex: 1, backgroundColor: "grey",justifyContent: "center", alignItems: "center"}}>
            <View style={styles.mainContainer}>
                <Image style={{width: 50, height: 50}} source={require('../../assets/images/delivraide-icon-192.png')}/>
                <Text style={styles.patientText}>Veuillez patientez s'il vous plaît</Text>
            </View>
            </SafeAreaView>
          );

if（taked==true）{
设置超时（（）=>{
取消交货（）；
}, 1500);      
返回(
维列兹·佩西特斯，你有什么计划
);

---

执行该函数后，用户将使用PopToTop函数返回到父级。

基本上，您需要做的是在删除事件之前在

上添加一个侦听器，以防止更新数据时出现默认行为（请检查以了解此事件何时触发）。您需要有一些状态变量（
updateingdata
或其他）并在启动请求时将其设置为
true
，在请求完成时将其设置为
false

navigation.addListener('beforeRemove', (e) => {
  if (updatingData) {
    e.preventDefault();
  }
}