<a href="https://www.callstack.com/open-source?utmcampaign=generic&utmsource=github&utmmedium=referral&utmcontent=react-native-brownfield" align="center" <img alt="React Native Brownfield" src="https://github.com/callstack/react-native-brownfield/raw/refs/heads/main/img/brownfield-banner.jpg" </a
<p align="center" A set of helpers to make your brownfield integration smooth and easy. </p
---
Features
- Easily integrate React Native with an existing native app
- Start React Native with one method and invoke code as soon as it's loaded
- Compatible with both legacy and new React Native architecture!
- Reuse the same instance of React Native between different components
- Use predefined native building blocks - crafted for React Native
- Disable and enable native gestures and hardware buttons from JavaScript
- Works well with any native navigation pattern, as well as any React Native JavaScript-based navigation
- Compatible with all native languages Objective-C, Swift, Java and Kotlin
- Supports UIKit and SwiftUI on iOS and Fragments and Jetpack Compose on Android
- Out-of-the-box CLI that automates the build process
Documentation
For full documentation, visit our documentation.
<a href="https://www.callstack.com/ebooks/incremental-react-native-adoption-in-native-apps?utmcampaign=brownfield&utmsource=github&utmmedium=referral&utmcontent=react-native-brownfield" align="center" <img alt="Download a free copy of Incremental React Native adoption in native apps ebook" src="https://github.com/user-attachments/assets/ba42bb29-1e7a-4683-80c5-2602afb1a7e6" </a
Made with ❤️ at Callstack
React Native Brownfield is an open source project and will always remain free to use. If you think it's cool, please star it 🌟. Callstack is a group of React and React Native geeks, contact us at hello@callstack.com if you need any help with these or just want to say hi!
Like the project? ⚛️ Join the team who does amazing stuff for clients and drives React Native Open Source! 🔥
[build-badge]: https://img.shields.io/circleci/build/github/callstack/react-native-brownfield/master.svg?style=flat-square [build]: https://circleci.com/gh/callstack/react-native-brownfield [ci]: https://github.com/callstack/react-native-brownfield/actions/workflows/ci.yml/badge.svg [version-badge]: https://img.shields.io/npm/v/@callstack/react-native-brownfield.svg?style=flat-square [package]: https://www.npmjs.com/package/@callstack/react-native-brownfield [license-badge]: https://img.shields.io/npm/l/@callstack/react-native-brownfield.svg?style=flat-square [license]: https://opensource.org/licenses/MIT [prs-welcome-badge]: https://img.shields.io/badge/PRs-welcome-brightgreen.svg?style=flat-square [prs-welcome]: http://makeapullrequest.com [coc-badge]: https://img.shields.io/badge/code%20of-conduct-ff69b4.svg?style=flat-square [coc]: https://github.com/callstack/react-native-brownfield/blob/master/CODEOFCONDUCT.md [chat-badge]: https://img.shields.io/discord/426714625279524876.svg?style=flat-square&colorB=758ED3 [chat]: https://discord.gg/FdWTckBk [tweet-badge]: https://img.shields.io/badge/tweet-%23reactnativebrownfield-blue.svg?style=flat-square&colorB=1DA1F2&logo=data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAAAXNSR0IArs4c6QAAAaRJREFUOBGtlM8rBGEYx3cWtRHJRaKcuMtBSitxkCQ3LtzkP9iUUu5ODspRHLhRLtq0FxeicEBC2cOivcge%2FMgan3fNM8bbzL4zm6c%2BPT%2Fe7%2FO8887svrFYBWbbtgWzsAt3sAcpqJFxxF1QV8oJFqFPFst5dLWQAT87oTgPB7DtziFRT1EA4yZolsFkhwjGYFRO8Op0KD8HVe7unoB6PRTBZG8IctAmG1xrHcfkQ2B55sfI%2ByGMXSBqV71xZ8CWdxBxN6ThFuECDEAL%2Bc9HIzDYumVZ966GZnX0SzCZvEqTbkaGywkyFE6hKAsBPhFQ18uPUqh2ggJ%2BUor%2F4M%2F%2FzOC8g6YzR1i%2F8g4vvSI%2ByD7FFNjexQrjHd8%2BnjABI3AU4Wl16TuF1qANGll81jsi5qu%2Bw6XIsCn4ijhU5FmCJpkV6BGNw410hfSf6JKBQ%2FUFxHGYBnWnmOwDwYQ%2BwzdHqO75HtiAMJfaC7ph32FSRJCENUhDHsLaJkL%2FX4wMF4%2BwA5bgAcrZE4sr0Cu9Jq9fxyrvBHWbNkMD5CEHWTjjT2m6r5D92jfmbbKJEWuMMAAAAABJRU5ErkJggg%3D%3D [tweet]: https://twitter.com/intent/tweet?text=Check%20out%20react-native-brownfield!%20https://github.com/callstack/react-native-brownfield%20%F0%9F%91%8D [callstack-badge]: https://callstack.com/images/callstack-badge.svg [callstack]: https://callstack.com/open-source/?utmsource=github.com&utmmedium=referral&utmcampaign=rnbrownfield&utmterm=readme