Expo Push Notifications - 在特定屏幕中禁用通知

Posted 2023-02-24

【中文标题】Expo Push Notifications - 在特定屏幕中禁用通知

【英文标题】：Expo Push Notifications - Disable notifications in a specific screen

【发布时间】：2021-06-10 20:14:11

【问题描述】：

当用户在特定屏幕中时，如何禁用在我的 Expo 应用中显示通知？

我目前正在设计一个聊天屏幕，我想在用户在其中时禁用推送通知。

目前，我在 PushNotifications 模块中实现了以下方法：

export function setNotificationHandler(handler) 
  ExpoNotifications.setNotificationHandler(handler);


export function hidePushNotifications() 
  setNotificationHandler(
    handleNotification: async () => (
      shouldShowAlert: false,
      shouldPlaySound: false,
      shouldSetBadge: false,
    ),
  );


export function unhidePushNotifications() 
  setNotificationHandler(
    handleNotification: async () => (
      shouldShowAlert: true,
      shouldPlaySound: true,
      shouldSetBadge: true,
    ),
  );

在我的聊天屏幕中，在 useEffect 中，我正在做：

useEffect(() => 
  // Do not show push notifications when the user is inside this screen
  hidePushNotifications();

  return () => 
    // When unmounted, unhide push notifications
    unhidePushNotifications();
  ;
, []);

对我来说，这很有意义，因为我在用户进入聊天屏幕时“隐藏”推送通知，并在他离开时“取消隐藏”它们。

但由于某些原因，通知仍显示在聊天屏幕内。为什么？

我该如何解决这个问题？

【参考方案1】：

如果不了解应用程序结构的更多信息，则无法 100% 确定，但您应该使用一些简单的 console.log 语句或类似的语句来验证您的屏幕是否正在卸载。

如果您的屏幕没有按预期卸载，并且您使用 React Navigation 之类的工具来处理您的屏幕，您应该查看 Navigation Lifecycle 以解决该问题。

这显然是对您的问题做出一些假设，但希望这会有所帮助。