@ruby-native/react

React components for Ruby Native. Use these in an Inertia.js + React app to emit the signal elements that Ruby Native's iOS and Android apps read to render native tabs, navigation bars, forms, and more.

Install

npm install @ruby-native/react

Usage

import { NativeTabs, NativeNavbar, NativeButton, NativeForm } from "@ruby-native/react"

export default function Show({ product }) {
  return (
    <>
      <NativeNavbar title={product.name}>
        <NativeButton icon="bag" href="/cart" />
      </NativeNavbar>

      <NativeForm />

      {/* your page content */}
    </>
  )
}

Each component renders a hidden data-native-* signal element that the Ruby Native runtime picks up and turns into the corresponding native UI.

Components

• NativeTabs - show the native tab bar
• NativePush - request push notification permission
• NativeForm - mark the current page as a form so back navigation skips it
• NativeNavbar - native navigation bar with title and buttons
• NativeButton - native nav bar button (icon, title, href, or click target)
• NativeMenuItem - item inside a native menu
• NativeSubmitButton - native "Save" button that submits a form
• NativeOverscroll - per-page overscroll colors

Docs

Full guides at rubynative.com/docs.

License

MIT