如何使用 firebase 身份验证模板创建自定义操作 url？

Question

我正在使用本机反应编写移动应用程序，而不是 web 页面。 我想为 email 验证、重置密码等创建自定义操作处理程序。 我知道把这个 url 放在哪里（根据这个页面）但是，我不知道如何将它作为本地主机，使用 react native 和 expo。 我的项目结构如下：（见附图） So I thought that after running expo with npm start I should put the following value as a custom url: http://localhost:19002/src/components/Action.js inside Custom action URL (see the photo) However, when I did so an email is sent, and when I click on this email, it tries to open http://localhost:19006/src/components/Action.js?mode=verifyEmail&oobCode=blahblah in my frefox web browser. 这会导致由于我使用的组件而导致视图无法编译的错误消息。 我想问题是我试图指向本机应用程序而不是 web 页面。 如何为移动应用添加处理程序？

我的Action.js文件：

import React from 'react';
mport VerifyEmail from './VerifyEmail';

import React, { Component } from "react";
import { ActivityIndicator, StyleSheet, Text, View } from "react-native";

// mode - The user management action to be completed
// oobCode - A one-time code, used to identify and verify a request
// apiKey - Your Firebase project's API key, provided for convenience

const Action = (props) => {

  // Get the action to complete.
  const mode = props.location.query.mode;
  console.log("mode", mode);

  // Get the one-time code from the query parameter.
  const actionCode = props.location.query.oobCode;
  console.log("actionCode", actionCode);

  // (Optional) Get the API key from the query parameter.
  // const apiKey = props.location.query.apiKey;

  // Handle the user management action.
  switch (mode) {
    case 'recoverEmail':
      // Display reset password handler and UI.
      return (
        <View>
          <Text> Should handle recover email </Text>
        </View>
      );
    case 'resetPassword':
      // Display email recovery handler and UI.
      return (
        <View>
          <Text> Should handle recover email </Text>
        </View>
      );
    case 'verifyEmail':
      // Display email verification handler and UI.
      console.log("I reached Action.js");
      return <VerifyEmail actionCode={actionCode} />;
    default:
      // Error: invalid mode.
      return (
        <View>
          <Text>Error encountered</Text>
          <Text>The selected page mode is invalid.</Text>
        </View>
      );
  }
}

export default Action;

编辑：我知道我正在编写一个移动应用程序，而不是网页，但 firebase 身份验证要求一个网页，它应该处理该操作。 所以我真正的问题是，如何指向我的Action.js文件，因为它是使用 expo 运行的 react-native 项目？