React-Native中连接MetaMask无响应问题求助

针对点击「Connect a wallet」按钮后MetaMask未弹出、connector.connect()无响应的问题，可从以下几个方向排查修复：

1. 补全WalletConnect初始化配置 #

你的代码中未展示useWalletConnect的初始化参数，React-Native环境下必须指定二维码模态框和RPC节点配置，否则无法触发连接流程。修改初始化代码：

import { useWalletConnect } from "@walletconnect/react-native-dapp";
import QRCodeModal from "@walletconnect/react-native-qrcode-modal";
import { Platform } from "react-native";

// ...

const connector = useWalletConnect({
  rpc: {
    1: "https://mainnet.infura.io/v3/你的Infura密钥", // 以太坊主网
    5: "https://goerli.infura.io/v3/你的Infura密钥"  // Goerli测试网，按需添加
  },
  bridge: "https://bridge.walletconnect.org",
  qrcodeModal: QRCodeModal,
  redirectUrl: Platform.select({
    ios: "你的AppURLScheme://",
    android: "你的AppURLScheme://"
  })
});

2. 正确处理异步调用 #

connector.connect()是异步函数，需用async/await处理，否则无法正确执行或捕获错误：

const connectWallet = React.useCallback(async () => {
  try{
    console.log("wallet");
    const connectionResult = await connector.connect();
    console.log("连接结果", connectionResult);
    return connectionResult;
  }catch(err){
    console.error("连接失败:", err);
  }
}, [connector]);

3. 配置App深度链接（URL Scheme） #

MetaMask需要通过深度链接跳转回你的App，必须在项目中配置对应Scheme：

• iOS：在Info.plist中添加：

  <key>CFBundleURLTypes</key>
  <array>
    <dict>
      <key>CFBundleURLSchemes</key>
      <array>
        <string>你的AppURLScheme</string>
      </array>
    </dict>
  </array>
  

• Android：在AndroidManifest.xml的<activity>标签内添加：

  <intent-filter>
    <action android:name="android.intent.action.VIEW" />
    <category android:name="android.intent.category.DEFAULT" />
    <category android:name="android.intent.category.BROWSABLE" />
    <data android:scheme="你的AppURLScheme" />
  </intent-filter>
  

4. 排查依赖与环境问题 #

• 确保设备已安装最新版MetaMask移动端应用，模拟器无法正常唤起钱包，需使用真实设备测试。
• 检查@walletconnect/react-native-dapp、@walletconnect/react-native-qrcode-modal依赖版本，确保与当前React-Native版本兼容，建议更新到官方最新稳定版。
• iOS设备需确认已开启App跟踪透明度权限，权限不足可能影响跳转唤起。

内容的提问来源于stack exchange，提问作者Hashmi