NITRO WEBVIEW / REACT NATIVE

Nitro +
WebView = 🚀

A React Native WebView built on Nitro Modules. Connect your web content with typed callbacks and native APIs.

Get started Explore the API

iOS · Android · New Architecture

TypeScriptNitro ModulesWKWebViewAndroid WebViewMIT licensed

WEB → REACT NATIVE

From a page to your app.

Render a WebView and receive a message from the page. Wrap event handlers with callback().

Build your first WebView

Screen.tsxReact Native

tsx

import { NitroWebView, callback } from 'nitro-webview'

const html = `
<h1>Hello, Nitro</h1>
<script>
  window.ReactNativeWebView.postMessage('hello from the web')
</script>
`

export default function Screen() {
  return (
    <NitroWebView
      style={{ flex: 1 }}
      source={{ html, baseUrl: 'https://app.example.com' }}
      onMessage={callback(({ nativeEvent }) => {
        console.log(nativeEvent.data)
      })}
    />
  )
}