NITRO WEBVIEW / REACT NATIVE

Nitro +
WebView = 🚀

Nitro Modules로 만든 React Native WebView. 익숙한 웹 콘텐츠를 타입이 있는 콜백과 네이티브 API로 연결하세요.

시작하기 API 살펴보기

iOS · Android · New Architecture

TypeScriptNitro ModulesWKWebViewAndroid WebViewMIT licensed

WEB → REACT NATIVE

첫 화면부터 연결까지.

WebView를 렌더링하고 페이지의 메시지를 받으세요. 콜백은 callback()으로 감쌉니다.

첫 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)
      })}
    />
  )
}