加载功能时，隐藏/着色反应导航屏幕标题

Question

当我的Firebase函数更新数据时，我试图制作一个自定义加载屏幕，并避免用户在加载时离开屏幕，只是我的标题仍然可以点击，并且不会阻止用户返回。

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

研究目标说明：

这是的图片

我就是这样做的：

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>
);

在执行该函数后，用户将返回到具有PopToTop函数的父级。

Answer 1

基本上，当您在beforeRemove事件上添加侦听器来更新数据时，您需要做的是防止默认行为(请查看此文档以了解此事件是何时触发的(。您需要有一些状态变量(updatingData或其他(，并在启动请求时将其设置为true，在请求完成时将其设为false。

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