Dock Wallet SDK for React Native

Using polkadot-js libraries in React Native is a challenge, due to a lack of WebAssembly support.

The Dock Wallet SDK handles all the Polkadot Web Assembly in a WebView, sending messages to the React Native thread through a JSON RPC layer.

All you need to do is wrap your app in a WalletSDKProvider and start building your Polkadot wallet.

You will have to install https://www.npmjs.com/package/nodeify in your project

``js
import {Box, Button, NativeBaseProvider, Text} from 'native-base';
import React, {useEffect} from 'react';
import {
WalletSDKProvider,
useWallet,
useAccount
} from '@docknetwork/wallet-sdk-react-native/lib';


// Wallet SDK Provider (required)
const App = () => {
return (



Dock Wallet SDK Demo
Press on add document button to create a new account




);
};

// useWallet hook
const WalletDetails = function () {
const {wallet, status, documents} = useWallet();

return (

Wallet status: {status}
Wallet docs: {documents.length}
wallet.accounts.create({name: 'test'})}>
Add Account


);
};

// useAccount hook
const AccountDetails = function ({ address }) {
const {account, fetchBalance} = useAccount(address);

return (

Address: {account.address}
Name: {account.name}
Balance: {account.balance}

Refresh


);
};

`