Skip to main content
Before using the Portal mobile components, be sure you have run portal.mpc.generate() to generate a wallet.
For more information on generating MPC signing shares, see: Generating a wallet.

​
Installation

  • yarn
  • npm
yarn add @portal-hq/webview

​
Dependency linking

Because these packages have native module dependencies there is some additional linking required to make it work with your React Native project. Explicitly install the native module packages in your project.
  • yarn
  • npm
yarn add react-native-webview

​
Basic Usage

import React, { FC } from 'react'

// Portal imports
import { usePortal } from '@portal-hq/core'
import Webview from '@portal-hq/webview'

const MyBrowser: FC = () => {
  // Store the Portal instance in the state
  const portal = usePortal()

  return (
    <View style={{ width: '100%', height: '100%' }}>
      {portal &&
        <Webview
          url="https://app.uniswap.org/#/swap" // Any URL for a dapp
          onNavigationStateChange?: (event: WebViewNavigation) => void
          onSigningRequested?: (approvalRequest: any) => void // only needed if auto-approve is set to false
           />}
    </View>
  )
}

export default MyBrowser

​
Next Steps

You now have a working dApp Browser example!
⌘I