Skip to content

README.md

Latest commit

 

History

History
53 lines (38 loc) · 1.28 KB

README.md

File metadata and controls

53 lines (38 loc) · 1.28 KB

Modern Brownfield Reference setup

This repo showcases reference implementation of Callstack's modern brownfield approach using XCFramework/AAR integration of React Native into existing iOS and Android apps.

Setup

  • The main branch contains RN new architecture enabled setup.
  • The old-arch branch contains RN old architecture setup.

Adding new third party package support

  1. Start with RN old architecture setup (old-arch branch)
  2. Move to new architecture setup (main branch)

Supported things

Feature iOS Android
React Native 0.78 0.78
React Native arch new+old new+old

Building

iOS Framework

Follow these steps to build the app as .xcframework:

  1. Install dependencies
yarn install
  1. Install pods
yarn pods
  1. Build the app as framework
yarn brownfield:ios

or

yarn brownfield:ios:release

ReactBrownfield.xcframework will be generated in ios directory

Android

  1. Run yarn brownfield:android to build the AAR file.
  2. In the NativeHost (test-apps/android), perform Gradle Sync to use the latest AAR file.
  3. Run the app from Android Studio.
  4. If you build the Debug variant, run yarn start to start the Metro bundler.