2 react native快速指南以及开发经验

接入wallet connect

第一步：add dependencies: @walletconnect/react-native-dapp，以及walletconnect需要的依赖 @react-native-async-storage/async-storage(或者其他合适的storage)

第二步：在根目录加入文件global.ts

import { Platform, LogBox } from 'react-native'

export interface Global { btoa: any atob: any self: any Buffer: any process: any location: any }

declare var global: Global if (typeof global.self === 'undefined') { global.self = global }

if (Platform.OS !== 'web') { require('react-native-get-random-values') LogBox.ignoreLogs([ "Warning: The provided value 'ms-stream' is not a valid 'responseType'.", "Warning: The provided value 'moz-chunked-arraybuffer' is not a valid 'responseType'.", ]) }

global.btoa = global.btoa || require('base-64').encode global.atob = global.atob || require('base-64').decode

global.Buffer = require('buffer').Buffer

global.process = require('process') global.process.env.NODE_ENV = DEV ? 'development' : 'production' global.process.version = 'v9.40'

global.location = { protocol: 'https', }

第三步：如果是expo搭建的项目，需要在根目录加入metro.config.js

module.exports = { resolver: { extraNodeModules: require('expo-crypto-polyfills'), }, }

第四步：修改App.tsx, 用WalletConnectProvider包裹整个app

import './Global'

import WalletConnectProvider from '@walletconnect/react-native-dapp'

import AsyncStorage from '@react-native-async-storage/async-storage'

第五步：主要hook: useWalletConnect

踩坑经历：