> For the complete documentation index, see [llms.txt](https://docs.zipy.ai/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.zipy.ai/zipy-for-mobile/react-native-setup/screen-transition-capture.md).

# Screen Transition Capture

Screen Transition Capture is a Zipy feature for capturing screen transitions within your React Native app. To enable this feature, you need to import ScreenNavigation from 'zipy-react-native' and add onStateChange to your NavigationContainer. 

Here's how you can do it:

1. **Import the module:**

```javascript
import { ScreenNavigation } from 'zipyai-react-native';
```

2.  **Add `onStateChange` to your navigation container:**

<pre class="language-javascript"><code class="lang-javascript"><strong>return (
</strong>  &#x3C;NavigationContainer onStateChange={ScreenNavigation}>
  )
</code></pre>

OR

<pre class="language-javascript"><code class="lang-javascript"><strong>return (
</strong>  &#x3C;NavigationContainer onStateChange={(state)=> {ScreenNavigation(state)}}>
  )
</code></pre>