draftbit/expo-walletconnect-demo

Connect a native iOS/Android app using Expo to a MetaMask wallet using WalletConnect without ejecting

Expo WalletConnect Demo

Without ejecting, we're able to connect an Expo app to MetaMask via WalletConnect.

What do these changes consist of?

• Polyfilling NodeJS libraries within metro.config.js
• Creating and updating global.ts

Run this on your own

• clone repo
• yarn install
• expo start
• scan QR code

expo-walletconnect-demo's Issues

Project was built on SDK 44

Any chance we can have this updated to use a new version of Expo? It won't work with any of the newer versions of Expo.

help me

[Unhandled promise rejection: Error: Mobile registry not yet ready.]
at node_modules/@walletconnect/react-native-dapp/dist/providers/WalletConnectProvider.js:194:34 in Object.assign$argument_1.connect
at node_modules/@walletconnect/react-native-dapp/dist/providers/WalletConnectProvider.js:192:29 in Object.assign$argument_1.connect
at WalletConnectExperience.tsx:24:11 in React.useCallback$argument_0
at node_modules/react-native/Libraries/Pressability/Pressability.js:697:17 in _performTransitionSideEffects
at node_modules/react-native/Libraries/Pressability/Pressability.js:634:6 in _receiveSignal
at node_modules/react-native/Libraries/Pressability/Pressability.js:528:8 in responderEventHandlers.onResponderRelease

Android 11+ issue with package visibility

Hi,
Thank you for making this repo. It is working on iOS and Android 10 and lower. Unfortunately it is not working on Android 11+ because they introduced package visibility and so if you don't add WalletConnect app visibility in the android manifest the app will not be able to see that any wallet app is installed in the phone and it will redirect to the browser.
See here for details.
Basically with Expo Managed you can't put this code in AndroidManifest.xml:

<manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.example">
    [...]

    <queries>
      <intent>
          <action android:name="android.intent.action.VIEW" />
          <data android:scheme="http"/>
      </intent>
      <intent>
          <action android:name="android.intent.action.VIEW" />
          <data android:scheme="https"/>
      </intent>
    </queries>
</manifest>

If you have any idea on what to do it would help me a lot. I would prefer not ejecting, but that seems the only possibility right now...

Does not render <ImageBackground> Component

The component does not work with this setup. I keep getting this error in Expo Go but I don’t see the corresponding file ImageBackground.js to inspect.

Doesn't work on production build

The code workes flawlessly on Expo Go SDK44, but when I generate a build with expo build:android it doesn't work.

On clicking "Connect Wallet" it does not open MetaMask app, and on multiple clicks on the "Connect Wallet" button on the app, it opens browser and loads a 404 Error Link

Android Version: 12
Expo SDK: 44

Unhandled Promise when connect to wallet connect.

Hi, I am trying to integrate this project into my react native app. However, I kept encountering this error.

[Unhandled promise rejection: Error: Secure random number generation is not supported by this browser.]

I've checked the package version, just want to ask how can I possibly fix it.