reactjs - 如何从 App.js 重定向到其他屏幕？

Question

在 App.js 中收到通知时，我试图重定向到另一个屏幕。我正在使用 useNavigation() 但它不起作用。

有没有办法重定向到另一个屏幕或以另一种方式使用通知？

export default function App() {
  function UserScreen() {  
    const navigation = useRef(useNavigation());  
    navigation.navigate('Chat');
  }


  useEffect(() => {
    const backgroundSubscription = Notifications.addNotificationResponseReceivedListener(
      (response) => {
        switch (response.request?.content.data.type) {
          case 'chat':
            return UserScreen()
          default:
            return console.log('Entro al default')
        }
      }
    );

    const foregroundSubscription = Notifications.addNotificationReceivedListener(
      (notification) => {
        switch (notification.request?.content.data.type) {
          case 'chat':
            return UserScreen()
          default:
            return console.log('Entro al default')
        }
      }
    );

    return () => {
      backgroundSubscription.remove();
      foregroundSubscription.remove();
    };
  }, []);

  return (
    <Provider store={store}>
      <SparkitNavigator />
    </Provider>

  );
}

Answer 1

怎么样：

export default function App() {
  const navigation = useNavigation(); 
  
  function UserScreen() {  
   navigation.navigate('Chat');
  }
  // rest code
}

确保 App 和 Chat 已在 Navigator Stack 中注册