Skip to main content

kit-webview

Render web content, powered by the excellent react-native-webview. Learn more about the WebView features on the rn-webview documentation

Client Installation​

npm install @rise-tools/kit-webview react-native-webview

You must set up react-native-webview in your project. If you're using Expo, run:

npx expo install react-native-webview

In the <Rise> client, include the components:

import { WebViewComponents } from '@rise-tools/kit-webview'

// when rendering <Rise>

<Rise
    components={{
        ...WebViewComponents
    }}
    ...
/>

Server Helpers​

import * from '@rise-tools/kit-webview/server

Then you can render SVG elements as such from your server:

const MyWebExample = () => (
    <WebView url="https://rise.tools" >
)

JSON Components​

Your custom server may provide the raw WebView components by using the component definitions:

{
    $: 'component',
    component: 'rise-tools/kit-webview/WebView',
    props: {
        url: 'https://rise.tools'
    }
}