@reviseflow/react-native

Visual feedback widget for React Native apps. Capture screenshots, annotate them, and submit bug reports — all from within your app.

Installation

npm install @reviseflow/react-native

Quick Start

Wrap your app with the <ReviseFlow> provider:

import { ReviseFlow } from '@reviseflow/react-native';

export default function App() {
  return (
    <ReviseFlow token="YOUR_WIDGET_TOKEN">
      <YourApp />
    </ReviseFlow>
  );
}

That's it. Users can now shake their device to report feedback.

Manual Trigger

Use the useReviseFlow hook to open the feedback modal programmatically:

import { useReviseFlow } from '@reviseflow/react-native';

function SettingsScreen() {
  const { open } = useReviseFlow();

  return <Button onPress={open} title="Report Bug" />;
}

Props

| Prop | Type | Default | Description | |------|------|---------|-------------| | token | string | required | Your ReviseFlow widget token | | apiBaseUrl | string | https://api.reviseflow.io | API base URL | | trigger | "shake" \| "manual" | "manual" | How to trigger feedback | | locale | string | auto-detect | UI language (en, tr, ru, es, de, fr, pt) | | theme | "light" \| "dark" \| "auto" | "auto" | Color theme | | screenNameResolver | () => string | — | Returns current screen name | | onOpen | () => void | — | Called when feedback modal opens | | onClose | () => void | — | Called when feedback modal closes | | onSubmit | () => void | — | Called after successful submission |

How It Works

1. User triggers feedback (shake or button press)
2. Screenshot is captured automatically
3. User can draw annotations on the screenshot
4. User writes a comment and submits
5. Feedback appears in your ReviseFlow dashboard

Requirements

• React Native >= 0.72
• React >= 18

Works with both Expo and bare React Native projects.

License

MIT