@webxauth/webxauth-ui-react-native

webxauth-ui-react-native

This TypeScript library is used within a vanilla React Native or Expo project to add web3 based authentication capabilities.

✅ Supported

• WalletConnect v1.0
• MetaMask

📦 Installation

npm i @webxauth/webxauth-ui-react-native

🚀 Usage

• Import

  import { AuthWebView, WebViewMessage } from '@webxauth/webxauth-ui-react-native';

• Define callbacks https://github.com/webxauth/webXauth-ui-react-native/blob/b403873bb302f8914bc7d30b1275392bf93a7201/example/src/App.tsx#L7-L29

• Add React Native component https://github.com/webxauth/webXauth-ui-react-native/blob/b403873bb302f8914bc7d30b1275392bf93a7201/example/src/App.tsx#L32-L42

🕳️ Pitfalls

• onPostMessage must return true to allow callback information to be propagated. https://github.com/webxauth/webXauth-ui-react-native/blob/a96890c94c5ffdeea2c55f7dbe5b013612b8399c/src/utils/WebViewMessageBroker.ts#L38-L52

🗺️ Roadmap

• WalletConnect v2.0

👁️ Maintainer

Developed and maintained by the folks at Bonuz.