错误：Web 浏览器已打开，一次只能打开一个

Question

我正在尝试在 React Native/RNW 应用程序中使用 Expo Auth Session。它在 iOS 和 Web 上运行良好，但是当尝试在 Android 上使用它时，我在 adb 日志中收到以下错误消息：

05-15 07:47:57.370 18423 18556 E ReactNativeJS: 'Unhandled promise rejection', { [Error: WebBrowser is already open, only one can be open at a time]
05-15 07:47:57.370 18423 18556 E ReactNativeJS:   line: 231503,
05-15 07:47:57.370 18423 18556 E ReactNativeJS:   column: 28,
05-15 07:47:57.370 18423 18556 E ReactNativeJS:   sourceURL: 'http://10.0.2.2:8081/index.bundle?platform=android&dev=true&minify=false' }

当我点击这个组件（以及一个非常相似的基于 Facebook 的组件）时，就会发生错误：

const GoogleAuthBtn = (props) => {
  let [request, response, onButtonPress] = Google.useAuthRequest(googleAuth);

  useEffect(() => {
    if (response && typeof props.onAuthenticate === "function") {
      props.onAuthenticate(response, "Google");
    }
  }, [response]);

  return (
    <AuthButton
      styles={[MainStyles.loginButton]}
      icon={<SocialIcon light raised={false} type="google" />}
      onPress={onButtonPress}
      buttonText={"Sign In with Google"}
    />
  );
};

我认为它一定与此调用有关：Google.useAuthRequest(googleAuth)因为我尝试将代码放入 useEffect 函数中，但它没有触发。

我的 googleAuth 变量看起来像这样（键显然经过编辑）：

export const googleAuth = {
  responseType: Platform.OS === "web" ? ResponseType.Token : ResponseType.Code,
  webClientId: "<redacted>",
  expoClientId: "<redacted>",
  iosClientId: "<redacted>",
  androidClientId: "<redacted>",
  iosStandaloneAppClientId: "<redacted>",
  androidStandaloneAppClientId: "<redacted>",
  androidsecret: "<redacted>",
};

我没有看到什么会导致多个 Expo 浏览器窗口同时打开。

它可能是一个冲突的库吗？这不在任何类型的网络视图或任何东西中，并且我在应用程序中只有几个非常稀疏的区域使用网络视图。

这是在 Expo Bare Workflow React Native 应用程序中

Answer 1

这实际上是由于我的电话

原来是这样的：

const AuthButton = (props) => {
  return (
    <TouchableOpacity self={this} onPress={props.onPress}>
      <HoverButton style={LoginButtonStyles}>
        {props.icon}
        <Text style={MainStyles.loginText}>{props.buttonText}</Text>
        <View></View>
      </HoverButton>
    </TouchableOpacity>
  );
};

但这行：

<TouchableOpacity self={this} onPress={props.onPress}>

应该是这样的：

<TouchableOpacity self={this} onPress={() => props.onPress()}>