├── .gitignore ├── README.md ├── _img └── android_metrics.png ├── android ├── build.gradle └── src │ ├── main │ ├── AndroidManifest.xml │ └── java │ │ └── nl │ │ └── skillnation │ │ └── rlottie │ │ ├── RLottiePackage.java │ │ ├── RLottieView.java │ │ └── RLottieViewManagerImpl.java │ ├── newarch │ └── java │ │ └── nl │ │ └── skillnation │ │ └── rlottie │ │ └── RLottieViewManager.java │ └── oldarch │ └── java │ └── nl │ └── skillnation │ └── rlottie │ └── RLottieViewManager.java ├── babel.config.js ├── example ├── .buckconfig ├── .bundle │ └── config ├── .eslintrc.js ├── .gitignore ├── .prettierrc.js ├── .ruby-version ├── App.tsx ├── Gemfile ├── __tests__ │ └── App-test.tsx ├── android │ ├── app │ │ ├── _BUCK │ │ ├── build.gradle │ │ ├── build_defs.bzl │ │ ├── debug.keystore │ │ ├── proguard-rules.pro │ │ └── src │ │ │ ├── debug │ │ │ ├── AndroidManifest.xml │ │ │ └── java │ │ │ │ └── com │ │ │ │ └── newarchitecture │ │ │ │ └── ReactNativeFlipper.java │ │ │ └── main │ │ │ ├── AndroidManifest.xml │ │ │ ├── java │ │ │ └── com │ │ │ │ └── newarchitecture │ │ │ │ ├── MainActivity.java │ │ │ │ ├── MainApplication.java │ │ │ │ └── newarchitecture │ │ │ │ ├── MainApplicationReactNativeHost.java │ │ │ │ ├── components │ │ │ │ └── MainComponentsRegistry.java │ │ │ │ └── modules │ │ │ │ └── MainApplicationTurboModuleManagerDelegate.java │ │ │ ├── jni │ │ │ ├── Android.mk │ │ │ ├── MainApplicationModuleProvider.cpp │ │ │ ├── MainApplicationModuleProvider.h │ │ │ ├── MainApplicationTurboModuleManagerDelegate.cpp │ │ │ ├── MainApplicationTurboModuleManagerDelegate.h │ │ │ ├── MainComponentsRegistry.cpp │ │ │ ├── MainComponentsRegistry.h │ │ │ └── OnLoad.cpp │ │ │ └── res │ │ │ ├── drawable │ │ │ └── rn_edit_text_material.xml │ │ │ ├── mipmap-hdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-mdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ ├── mipmap-xxxhdpi │ │ │ ├── ic_launcher.png │ │ │ └── ic_launcher_round.png │ │ │ └── values │ │ │ ├── strings.xml │ │ │ └── styles.xml │ ├── build.gradle │ ├── gradle.properties │ ├── gradle │ │ └── wrapper │ │ │ ├── gradle-wrapper.jar │ │ │ └── gradle-wrapper.properties │ ├── gradlew │ ├── gradlew.bat │ └── settings.gradle ├── app.json ├── assets │ └── icon_trophy.json ├── babel.config.js ├── index.js ├── ios │ ├── NewArchitecture.xcodeproj │ │ └── project.pbxproj │ ├── NewArchitecture.xcworkspace │ │ └── contents.xcworkspacedata │ ├── NewArchitecture │ │ ├── AppDelegate.h │ │ ├── AppDelegate.mm │ │ ├── Images.xcassets │ │ │ ├── AppIcon.appiconset │ │ │ │ └── Contents.json │ │ │ └── Contents.json │ │ ├── Info.plist │ │ ├── LaunchScreen.storyboard │ │ └── main.m │ ├── NewArchitectureTests │ │ ├── Info.plist │ │ └── NewArchitectureTests.m │ ├── Podfile │ └── Podfile.lock ├── metro.config.js ├── package.json ├── src │ ├── components │ │ ├── Item.tsx │ │ └── PerformanceScreen.tsx │ └── screens │ │ ├── HomeScreen.tsx │ │ ├── ManualControlScreen.tsx │ │ ├── PerformanceLottieScreen.tsx │ │ ├── PerformanceRLottieScreen.tsx │ │ └── SimpleViewScreen.tsx └── yarn.lock ├── ios ├── RNLottieView.xcodeproj │ ├── project.pbxproj │ └── project.xcworkspace │ │ └── contents.xcworkspacedata └── RNLottieView │ ├── LottieTypes.h │ ├── RLottieView.h │ ├── RLottieView.mm │ └── RNLottieViewManager.mm ├── package.json ├── react-native-rlottie.podspec ├── src ├── RLottieViewNativeComponent.js └── index.tsx ├── tsconfig.build.json ├── tsconfig.json └── yarn.lock /.gitignore: -------------------------------------------------------------------------------- 1 | **/xcshareddata/* 2 | **/xcuserdata/* 3 | .DS_Store 4 | **/.DS_Store 5 | **/constents.xcworkspacedata 6 | node_modules/ 7 | build/ 8 | .gradle/ 9 | .vscode 10 | # generated by bob 11 | lib/ 12 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # 🌈 react-native-rlottie 2 | 3 | ## Features 4 | 5 | - ▶️ Uses [rlottie](https://github.com/Samsung/rlottie) to run lottie animations 6 | - 🌠 rlottie creates rasterized bitmaps for each frame of the animation (instead of using the platform's animation API to continuisly run the animation). 7 | - This also gives us the possibility to pre-render the animation into cache, so even complex animation can start and run in 60 FPS 8 | - ✅ Compatible with the new architecture (Fabric) 9 | - 🤖 Especially on android, using rlottie can be more performant than [lottie-android](https://github.com/airbnb/lottie-android) (which is used by [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native)): 10 | - 📉 Using less CPU and RAM 11 | - 🏃‍♂️ Puts less pressure on the UI/main Thread, ensuring 60 FPS even on low end devices 12 | - Read more in [Performance Comparison](#performance-comparison) 13 | 14 | ## Usage 15 | 16 | We try to be as close to the [lottie-react-native](https://github.com/lottie-react-native/lottie-react-native) implementation API, so you can use this library as drop-in replacement/complement. 17 | 18 | So loading a local animation really is the same: 19 | 20 | ```jsx 21 | import React from 'react'; 22 | import {View} from 'react-native'; 23 | import RLottieView from 'react-native-rlottie'; 24 | 25 | const lottieAnim = require('./assets/icon_trophy.json'); 26 | 27 | const App = () => { 28 | return ( 29 | 30 | 31 | 32 | ); 33 | }; 34 | 35 | const styles = StyleSheet.create({ 36 | animation: { 37 | height: 700, 38 | width: 700, 39 | }, 40 | }); 41 | 42 | export default App; 43 | ``` 44 | 45 | ## Performance Comparison 46 | 47 | All data for the comparison can be found here: https://docs.google.com/spreadsheets/d/1Akz2As7HSJ7n9kmpIMYG966GY4QybOkJth5nNewYZhs/edit?usp=sharing 48 | 49 | We compared react-native-rlottie with lottie-react-native: 50 | 51 | 52 | ### 🤖 Android 53 | 54 | ![react-native-rlottie vs lottie-react-native](./_img/android_metrics.png) 55 | 56 | #### Key observations 57 | 58 | - Running the animation consumes less CPU (-76%) and memory (-41%). 59 | - The animation runs fluently in 60 FPS, whereas lottie-android causes the FPS to drop. 60 | - This is due to the fact that the animation used for testing is a "complex" one, and running the animation with the platform's animated/art API is more expensive then to render the animation as bitmaps. 61 | 62 | ### 🍎 iOS 63 | 64 | ``` 65 | // TODO: Comparison for ios 66 | ``` 67 | 68 | #### Key observations 69 | 70 | - Running the animation with lottie-react-native adds CPU pressure. Using the example with an iPhone 7+ there is a ~10% CPU pressure during running the animation with lottie-rn, whereas with rlottie its 0% 71 | 72 | ### Overall key points 73 | 74 | - Constantly running an animation with rlottie is in general more resource-saving, thus it can ensure more stable FPS, specially on low end devices. 75 | - **HOWEVER**, the first time you render the animation rlottie will use _more_ resources than lottie-rn, as it needs to decode all frames for the first time. For large and complex animations this can be a severe factor. That's why, especially on iOS, its recommanded to pre-load an animation. 76 | - In general, you should check the performance implications for each animation you are using, and test yourself if you are getting better results with lottie-rn or rlottie. 77 | 78 | _Note:_ The performance results have been recorded with [react-native-performance-stats](https://github.com/skillnation/react-native-performance-stats). 79 | 80 | ### How to test yourself 81 | 82 |
83 | Click to expand: 84 | 85 | - Setup the example app on your machine 86 | - You might want to replace the animation to test with your own. Simply replace the file `example/assets/icon_trophy.json` 87 | - First, open the "Performance test: RLottie" screen in the example app and press start. 88 | - Wait ~20 seconds until an array is printed to your console output 89 | - Copy that data to a online service that convert JSON data in CSV: https://www.convertcsv.com/json-to-csv.htm 90 | - Copy the resulting table and paste the data in a copy of the benchmark google sheet named earlier 91 | - Repeat the same with the lottie-react-native screen 92 |
93 | 94 | ## Installation 95 | 96 | ```bash 97 | yarn add react-native-rlottie@alpha 98 | 99 | npm i react-native-rlottie@alpha 100 | ``` 101 | 102 | ### iOS 103 | 104 | Run pod install: 105 | 106 | ```bash 107 | npx pod-install 108 | ``` 109 | 110 | ### Android 111 | 112 | No additional steps for android are required, except when using the new react native architecture: 113 | 114 |
115 | Click to expand for the instructions: 116 | 117 | (_Note:_ This setup is required to to the fact that the on android Autolinking doesn't work with the new architecture out of the box. This procedure will change in the future.) 118 | 119 | 1. Open `android/app/build.gradle` file and update the file as it follows: 120 | ```diff 121 | defaultConfig { 122 | ... 123 | "PROJECT_BUILD_DIR=$buildDir", 124 | "REACT_ANDROID_DIR=$rootDir/../node_modules/react-native/ReactAndroid", 125 | - "REACT_ANDROID_BUILD_DIR=$rootDir/../node_modules/react-native/ReactAndroid/build" 126 | + "REACT_ANDROID_BUILD_DIR=$rootDir/../node_modules/react-native/ReactAndroid/build", 127 | + "NODE_MODULES_DIR=$rootDir/../node_modules/" 128 | cFlags "-Wall", "-Werror", "-fexceptions", "-frtti", "-DWITH_INSPECTOR=1" 129 | cppFlags "-std=c++17" 130 | ``` 131 | 1. Open the `android/app/src/main/jni/Android.mk` file and update the file as it follows: 132 | ```diff 133 | # If you wish to add a custom TurboModule or Fabric component in your app you 134 | # will have to include the following autogenerated makefile. 135 | # include $(GENERATED_SRC_DIR)/codegen/jni/Android.mk 136 | + 137 | + # Includes the MK file for `react-native-rlottie` 138 | + include $(NODE_MODULES_DIR)/react-native-rlottie/android/build/generated/source/codegen/jni/Android.mk 139 | + 140 | include $(CLEAR_VARS) 141 | ``` 142 | 1. In the same file above, go to the `LOCAL_SHARED_LIBRARIES` setting and add the following line: 143 | ```diff 144 | libreact_codegen_rncore \ 145 | + libreact_codegen_rlottieview \ 146 | libreact_debug \ 147 | ``` 148 | 1. Open the `android/app/src/main/jni/MainComponentsRegistry.cpp` file and update the file as it follows: 149 | 1. Add the import for the RLottieView: 150 | ```diff 151 | #include 152 | + #include 153 | #include 154 | ``` 155 | 1. Add the following check in the `sharedProviderRegistry` constructor: 156 | ```diff 157 | auto providerRegistry = CoreComponentsRegistry::sharedProviderRegistry(); 158 | 159 | // Custom Fabric Components go here. You can register custom 160 | // components coming from your App or from 3rd party libraries here. 161 | // 162 | // providerRegistry->add(concreteComponentDescriptorProvider< 163 | // AocViewerComponentDescriptor>()); 164 | + providerRegistry->add(concreteComponentDescriptorProvider()); 165 | 166 | return providerRegistry; 167 | } 168 | ``` 169 |
170 | 171 | ## Supported After Effects Features 172 | 173 | This has full feature parity with rlottie, so check their [supported features here](https://github.com/Samsung/rlottie#supported-after-effects-features) 174 | 175 | ## Caveats 176 | 177 | In our testing, on iOS, there is a blocking of the UI thread and it takes some time until the animation is ready (for our most complex animation its 2s!). 178 | On iOS we are still missing some of the optimziation that we have already on android such as async/threaded frame decoding on the fly. 179 | Once we add those features we believe the performance can be similar to android. However, more development/research is needed. 180 | If you are an iOS dev, we welcome you to take on the challenge and improve or provide wisdom 🙌 181 | 182 | ## Development 183 | 184 | We are open for and welcoming contribution of any kind! 185 | 186 | To develop this library use the `example/`. Simply install the dependencies in the root dir 187 | with `yarn` and then install the dependencies in the `example/`. 188 | 189 | As this library is compatible with the old and the new arch, it can be useful to check both versions during development. 190 | 191 | ### 🤖 Switching arch: 192 | 193 | In `example/android/gradle.properties` you can simply toggle the `newArchEnabled` variable. 194 | 195 | ### 🍎 Switching arch: 196 | 197 | Go into `example/ios` and run the following command setting `RCT_NEW_ARCH_ENABLED` to `1` or `0` depending on which arch you want to test: 198 | 199 | ```bash 200 | cd ios && RCT_NEW_ARCH_ENABLED=1 pod install && cd .. 201 | ``` 202 | 203 | ## References / Used libraries / Thanks 204 | 205 | - https://github.com/Aghajari/AXrLottie - Used for android implementation, does all the heavy lifting, thx <3 206 | - https://github.com/SDWebImage/librlottie-Xcode - Providing rlottie as cocoapods package, ready to be consumed by XCode, thx <3 207 | -------------------------------------------------------------------------------- /_img/android_metrics.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/_img/android_metrics.png -------------------------------------------------------------------------------- /android/build.gradle: -------------------------------------------------------------------------------- 1 | buildscript { 2 | ext.safeExtGet = {prop, fallback -> 3 | rootProject.ext.has(prop) ? rootProject.ext.get(prop) : fallback 4 | } 5 | repositories { 6 | google() 7 | gradlePluginPortal() 8 | } 9 | dependencies { 10 | classpath("com.android.tools.build:gradle:7.0.4") 11 | } 12 | } 13 | 14 | def isNewArchitectureEnabled() { 15 | return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true" 16 | } 17 | 18 | apply plugin: 'com.android.library' 19 | if (isNewArchitectureEnabled()) { 20 | apply plugin: 'com.facebook.react' 21 | } 22 | 23 | android { 24 | compileSdkVersion safeExtGet('compileSdkVersion', 31) 25 | 26 | defaultConfig { 27 | minSdkVersion safeExtGet('minSdkVersion', 21) 28 | targetSdkVersion safeExtGet('targetSdkVersion', 31) 29 | buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString() 30 | } 31 | 32 | sourceSets { 33 | main { 34 | if (isNewArchitectureEnabled()) { 35 | java.srcDirs += ['src/newarch'] 36 | } else { 37 | java.srcDirs += ['src/oldarch'] 38 | } 39 | } 40 | } 41 | } 42 | 43 | repositories { 44 | maven { 45 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 46 | url "$projectDir/../node_modules/react-native/android" 47 | } 48 | mavenCentral() 49 | google() 50 | } 51 | 52 | dependencies { 53 | implementation 'com.facebook.react:react-native:+' 54 | implementation 'io.github.aghajari:AXrLottie:1.3.1' 55 | } 56 | 57 | if (isNewArchitectureEnabled()) { 58 | react { 59 | jsRootDir = file("../src/") 60 | libraryName = "rlottieview" 61 | codegenJavaPackageName = "nl.skillnation.rlottie" 62 | } 63 | } -------------------------------------------------------------------------------- /android/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | -------------------------------------------------------------------------------- /android/src/main/java/nl/skillnation/rlottie/RLottiePackage.java: -------------------------------------------------------------------------------- 1 | package nl.skillnation.rlottie; 2 | 3 | import androidx.annotation.NonNull; 4 | 5 | import com.facebook.react.ReactPackage; 6 | import com.facebook.react.bridge.NativeModule; 7 | import com.facebook.react.bridge.ReactApplicationContext; 8 | import com.facebook.react.uimanager.ViewManager; 9 | 10 | import java.util.Collections; 11 | import java.util.List; 12 | 13 | public class RLottiePackage implements ReactPackage { 14 | @NonNull 15 | @Override 16 | public List createNativeModules(@NonNull ReactApplicationContext reactContext) { 17 | return Collections.emptyList(); 18 | } 19 | 20 | @NonNull 21 | @Override 22 | public List createViewManagers(@NonNull ReactApplicationContext reactContext) { 23 | return Collections.singletonList( 24 | new RLottieViewManager(reactContext) 25 | ); 26 | } 27 | } 28 | -------------------------------------------------------------------------------- /android/src/main/java/nl/skillnation/rlottie/RLottieView.java: -------------------------------------------------------------------------------- 1 | package nl.skillnation.rlottie; 2 | 3 | import android.content.Context; 4 | import android.util.AttributeSet; 5 | 6 | import androidx.annotation.NonNull; 7 | import androidx.annotation.Nullable; 8 | 9 | import com.aghajari.rlottie.AXrLottieDrawable; 10 | import com.aghajari.rlottie.AXrLottieImageView; 11 | 12 | public class RLottieView extends AXrLottieImageView { 13 | private boolean isAutoPlay = false; 14 | private float speed = 1.0f; 15 | 16 | private int decodeWidth, decodeHeight; 17 | private String jsonString; 18 | private boolean isInit; 19 | 20 | public RLottieView(@NonNull Context context) { 21 | super(context); 22 | } 23 | 24 | public RLottieView(@NonNull Context context, @Nullable AttributeSet attrs) { 25 | super(context, attrs); 26 | } 27 | 28 | public RLottieView(@NonNull Context context, @Nullable AttributeSet attrs, int defStyleAttr) { 29 | super(context, attrs, defStyleAttr); 30 | } 31 | 32 | //#region Layout size 33 | @Override 34 | protected void onLayout(boolean changed, int left, int top, int right, int bottom) { 35 | super.onLayout(changed, left, top, right, bottom); 36 | if (decodeWidth == 0) { 37 | decodeWidth = getWidth(); 38 | } 39 | if (decodeHeight == 0) { 40 | decodeHeight = getHeight(); 41 | } 42 | 43 | maybeInitAnimation(); 44 | } 45 | 46 | public void setDecodeWidth(int decodeWidth) { 47 | this.decodeWidth = decodeWidth; 48 | maybeInitAnimation(); 49 | } 50 | 51 | public void setDecodeHeight(int decodeHeight) { 52 | this.decodeHeight = decodeHeight; 53 | maybeInitAnimation(); 54 | } 55 | //#endregion 56 | 57 | //#region Animation 58 | public void setJSONStringSource(String jsonString) { 59 | this.jsonString = jsonString; 60 | maybeInitAnimation(); 61 | } 62 | 63 | private String getCacheKey() { 64 | if (jsonString == null || decodeWidth == 0 || decodeHeight == 0) { 65 | return null; 66 | } 67 | return jsonString.hashCode() + "-" + decodeWidth + "-" + decodeHeight; 68 | } 69 | 70 | private void maybeInitAnimation() { 71 | if (isInit) return; 72 | String cacheKey = getCacheKey(); 73 | if (cacheKey == null) return; 74 | isInit = true; 75 | 76 | setLottieDrawable( 77 | AXrLottieDrawable.fromJson(jsonString, cacheKey) 78 | .setSize(decodeWidth, decodeHeight) 79 | .setSpeed(speed) 80 | .build() 81 | ); 82 | 83 | maybeAutoStartAnimation(); 84 | } 85 | //#endregion 86 | 87 | //#region AutoStart 88 | public void setAutoPlay(boolean autoPlay) { 89 | isAutoPlay = autoPlay; 90 | maybeAutoStartAnimation(); 91 | if (!autoPlay && isInit && getLottieDrawable() != null && !getLottieDrawable().isRunning()) { 92 | this.stopAnimation(); 93 | } 94 | } 95 | 96 | private void maybeAutoStartAnimation() { 97 | if (isAutoPlay && getLottieDrawable() != null && !getLottieDrawable().isRunning()) { 98 | playAnimation(); 99 | } 100 | } 101 | //#endregion 102 | 103 | //#region Properties: Loop, speed 104 | public void setIsLoop(boolean loop) { 105 | super.setAutoRepeat(loop); 106 | if (getLottieDrawable() != null) { 107 | if (!loop) { 108 | stopAnimation(); 109 | } 110 | 111 | isInit = false; 112 | maybeInitAnimation(); 113 | } 114 | } 115 | 116 | public void setSpeed(float speed) { 117 | this.speed = speed; 118 | if (getLottieDrawable() != null) { 119 | if (speed <= 0) { 120 | stopAnimation(); 121 | } else { 122 | isInit = false; 123 | maybeInitAnimation(); 124 | } 125 | } 126 | } 127 | //#endregion 128 | } 129 | -------------------------------------------------------------------------------- /android/src/main/java/nl/skillnation/rlottie/RLottieViewManagerImpl.java: -------------------------------------------------------------------------------- 1 | package nl.skillnation.rlottie; 2 | 3 | import android.widget.ImageView; 4 | 5 | import androidx.annotation.NonNull; 6 | 7 | import com.aghajari.rlottie.AXrLottie; 8 | import com.facebook.react.bridge.ReactApplicationContext; 9 | import com.facebook.react.uimanager.SimpleViewManager; 10 | import com.facebook.react.uimanager.ThemedReactContext; 11 | import com.facebook.react.uimanager.annotations.ReactProp; 12 | 13 | public class RLottieViewManagerImpl extends SimpleViewManager { 14 | 15 | public static final String NAME = "RLottieView"; 16 | 17 | protected ReactApplicationContext mCallerContext; 18 | 19 | public RLottieViewManagerImpl(ReactApplicationContext reactContext) { 20 | mCallerContext = reactContext; 21 | AXrLottie.init(reactContext); 22 | } 23 | 24 | @NonNull 25 | @Override 26 | public String getName() { 27 | return NAME; 28 | } 29 | 30 | @NonNull 31 | @Override 32 | protected RLottieView createViewInstance(@NonNull ThemedReactContext context) { 33 | return new RLottieView(context); 34 | } 35 | 36 | @ReactProp(name="isAutoPlay") 37 | public void setIsAutoPlay(RLottieView view, boolean isAutoPlay) { 38 | view.setAutoPlay(isAutoPlay); 39 | } 40 | 41 | @ReactProp(name="src") 42 | public void setSrc(RLottieView view, String jsonString) { 43 | view.setJSONStringSource(jsonString); 44 | } 45 | 46 | @ReactProp(name="progress") 47 | public void setProgress(RLottieView view, float progress) { 48 | if (view == null || view.getLottieDrawable() == null) return; // TODO: With new arch setProgress isn't called (thus the animation isn't running) 49 | view.getLottieDrawable().setProgress(progress); 50 | } 51 | 52 | @ReactProp(name="decodeHeight") 53 | public void setDecodeHeight(RLottieView view, int height) { 54 | view.setDecodeHeight(height); 55 | } 56 | 57 | @ReactProp(name="decodeWidth") 58 | public void setDecodeWidth(RLottieView view, int width) { 59 | view.setDecodeWidth(width); 60 | } 61 | 62 | @ReactProp(name="resizeMode") 63 | public void setResizeMode(RLottieView view, String resizeMode) { 64 | ImageView.ScaleType mode = null; 65 | if ("cover".equals(resizeMode)) { 66 | mode = ImageView.ScaleType.CENTER_CROP; 67 | } else if ("contain".equals(resizeMode)) { 68 | mode = ImageView.ScaleType.CENTER; 69 | } else if ("center".equals(resizeMode)) { 70 | mode = ImageView.ScaleType.CENTER_INSIDE; 71 | } 72 | view.setScaleType(mode); 73 | } 74 | 75 | @ReactProp(name="loop") 76 | public void setLoop(RLottieView view, boolean loop) { 77 | view.setIsLoop(loop); 78 | } 79 | 80 | @ReactProp(name="speed") 81 | public void setSpeed(RLottieView view, float speed) { 82 | view.setSpeed(speed); 83 | } 84 | 85 | @Override 86 | public void onDropViewInstance(@NonNull RLottieView view) { 87 | super.onDropViewInstance(view); 88 | view.release(); 89 | } 90 | } 91 | -------------------------------------------------------------------------------- /android/src/newarch/java/nl/skillnation/rlottie/RLottieViewManager.java: -------------------------------------------------------------------------------- 1 | package nl.skillnation.rlottie; 2 | 3 | import androidx.annotation.Nullable; 4 | 5 | import com.facebook.react.bridge.ReactApplicationContext; 6 | import com.facebook.react.module.annotations.ReactModule; 7 | import com.facebook.react.uimanager.ViewManagerDelegate; 8 | import com.facebook.react.viewmanagers.RLottieViewManagerDelegate; 9 | import com.facebook.react.viewmanagers.RLottieViewManagerInterface; 10 | 11 | @ReactModule(name = RLottieViewManager.NAME) 12 | public class RLottieViewManager extends RLottieViewManagerImpl 13 | implements RLottieViewManagerInterface { 14 | 15 | public static final String NAME = "RLottieView"; 16 | 17 | private final ViewManagerDelegate mDelegate; 18 | 19 | public RLottieViewManager(ReactApplicationContext reactContext) { 20 | super(reactContext); 21 | mDelegate = new RLottieViewManagerDelegate<>(this); 22 | } 23 | 24 | @Nullable 25 | @Override 26 | protected ViewManagerDelegate getDelegate() { 27 | return mDelegate; 28 | } 29 | 30 | @Override 31 | public void setDecodeWidth(RLottieView view, float value) { 32 | this.setDecodeWidth(view, Math.round(value)); 33 | } 34 | 35 | @Override 36 | public void setDecodeHeight(RLottieView view, float value) { 37 | this.setDecodeHeight(view, Math.round(value)); 38 | } 39 | } 40 | -------------------------------------------------------------------------------- /android/src/oldarch/java/nl/skillnation/rlottie/RLottieViewManager.java: -------------------------------------------------------------------------------- 1 | package nl.skillnation.rlottie; 2 | 3 | import com.facebook.react.bridge.ReactApplicationContext; 4 | 5 | public class RLottieViewManager extends RLottieViewManagerImpl { 6 | public RLottieViewManager(ReactApplicationContext reactContext) { 7 | super(reactContext); 8 | } 9 | } 10 | -------------------------------------------------------------------------------- /babel.config.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | presets: ['module:metro-react-native-babel-preset'], 3 | }; 4 | -------------------------------------------------------------------------------- /example/.buckconfig: -------------------------------------------------------------------------------- 1 | 2 | [android] 3 | target = Google Inc.:Google APIs:23 4 | 5 | [maven_repositories] 6 | central = https://repo1.maven.org/maven2 7 | -------------------------------------------------------------------------------- /example/.bundle/config: -------------------------------------------------------------------------------- 1 | BUNDLE_PATH: "vendor/bundle" 2 | BUNDLE_FORCE_RUBY_PLATFORM: 1 3 | -------------------------------------------------------------------------------- /example/.eslintrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | root: true, 3 | extends: '@react-native-community', 4 | parser: '@typescript-eslint/parser', 5 | plugins: ['@typescript-eslint'], 6 | overrides: [ 7 | { 8 | files: ['*.ts', '*.tsx'], 9 | rules: { 10 | '@typescript-eslint/no-shadow': ['error'], 11 | 'no-shadow': 'off', 12 | 'no-undef': 'off', 13 | }, 14 | }, 15 | ], 16 | }; 17 | -------------------------------------------------------------------------------- /example/.gitignore: -------------------------------------------------------------------------------- 1 | # OSX 2 | # 3 | .DS_Store 4 | 5 | # Xcode 6 | # 7 | build/ 8 | *.pbxuser 9 | !default.pbxuser 10 | *.mode1v3 11 | !default.mode1v3 12 | *.mode2v3 13 | !default.mode2v3 14 | *.perspectivev3 15 | !default.perspectivev3 16 | xcuserdata 17 | *.xccheckout 18 | *.moved-aside 19 | DerivedData 20 | *.hmap 21 | *.ipa 22 | *.xcuserstate 23 | 24 | # Android/IntelliJ 25 | # 26 | build/ 27 | .idea 28 | .gradle 29 | local.properties 30 | *.iml 31 | *.hprof 32 | 33 | # node.js 34 | # 35 | node_modules/ 36 | npm-debug.log 37 | yarn-error.log 38 | 39 | # BUCK 40 | buck-out/ 41 | \.buckd/ 42 | *.keystore 43 | !debug.keystore 44 | 45 | # fastlane 46 | # 47 | # It is recommended to not store the screenshots in the git repo. Instead, use fastlane to re-generate the 48 | # screenshots whenever they are needed. 49 | # For more information about the recommended setup visit: 50 | # https://docs.fastlane.tools/best-practices/source-control/ 51 | 52 | */fastlane/report.xml 53 | */fastlane/Preview.html 54 | */fastlane/screenshots 55 | 56 | # Bundle artifact 57 | *.jsbundle 58 | 59 | # Ruby / CocoaPods 60 | /ios/Pods/ 61 | /vendor/bundle/ 62 | -------------------------------------------------------------------------------- /example/.prettierrc.js: -------------------------------------------------------------------------------- 1 | module.exports = { 2 | arrowParens: 'avoid', 3 | bracketSameLine: true, 4 | bracketSpacing: false, 5 | singleQuote: true, 6 | trailingComma: 'all', 7 | }; 8 | -------------------------------------------------------------------------------- /example/.ruby-version: -------------------------------------------------------------------------------- 1 | 2.7.4 2 | -------------------------------------------------------------------------------- /example/App.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {NavigationContainer} from '@react-navigation/native'; 3 | import {createNativeStackNavigator} from '@react-navigation/native-stack'; 4 | import {HomeScreen} from './src/screens/HomeScreen'; 5 | import {SimpleViewScreen} from './src/screens/SimpleViewScreen'; 6 | import {ManualControlScreen} from './src/screens/ManualControlScreen'; 7 | import {PerformanceRLottieScreen} from './src/screens/PerformanceRLottieScreen'; 8 | import {PerformanceLottieScreen} from './src/screens/PerformanceLottieScreen'; 9 | 10 | const Stack = createNativeStackNavigator(); 11 | 12 | const App = () => { 13 | return ( 14 | 15 | 16 | 17 | 18 | 22 | 26 | 30 | 31 | 32 | ); 33 | }; 34 | export default App; 35 | -------------------------------------------------------------------------------- /example/Gemfile: -------------------------------------------------------------------------------- 1 | source 'https://rubygems.org' 2 | 3 | # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version 4 | ruby '2.7.4' 5 | 6 | gem 'cocoapods', '~> 1.11', '>= 1.11.2' 7 | -------------------------------------------------------------------------------- /example/__tests__/App-test.tsx: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import 'react-native'; 6 | import React from 'react'; 7 | import App from '../App'; 8 | 9 | // Note: test renderer must be required after react-native. 10 | import renderer from 'react-test-renderer'; 11 | 12 | it('renders correctly', () => { 13 | renderer.create(); 14 | }); 15 | -------------------------------------------------------------------------------- /example/android/app/_BUCK: -------------------------------------------------------------------------------- 1 | # To learn about Buck see [Docs](https://buckbuild.com/). 2 | # To run your application with Buck: 3 | # - install Buck 4 | # - `npm start` - to start the packager 5 | # - `cd android` 6 | # - `keytool -genkey -v -keystore keystores/debug.keystore -storepass android -alias androiddebugkey -keypass android -dname "CN=Android Debug,O=Android,C=US"` 7 | # - `./gradlew :app:copyDownloadableDepsToLibs` - make all Gradle compile dependencies available to Buck 8 | # - `buck install -r android/app` - compile, install and run application 9 | # 10 | 11 | load(":build_defs.bzl", "create_aar_targets", "create_jar_targets") 12 | 13 | lib_deps = [] 14 | 15 | create_aar_targets(glob(["libs/*.aar"])) 16 | 17 | create_jar_targets(glob(["libs/*.jar"])) 18 | 19 | android_library( 20 | name = "all-libs", 21 | exported_deps = lib_deps, 22 | ) 23 | 24 | android_library( 25 | name = "app-code", 26 | srcs = glob([ 27 | "src/main/java/**/*.java", 28 | ]), 29 | deps = [ 30 | ":all-libs", 31 | ":build_config", 32 | ":res", 33 | ], 34 | ) 35 | 36 | android_build_config( 37 | name = "build_config", 38 | package = "com.newarchitecture", 39 | ) 40 | 41 | android_resource( 42 | name = "res", 43 | package = "com.newarchitecture", 44 | res = "src/main/res", 45 | ) 46 | 47 | android_binary( 48 | name = "app", 49 | keystore = "//android/keystores:debug", 50 | manifest = "src/main/AndroidManifest.xml", 51 | package_type = "debug", 52 | deps = [ 53 | ":app-code", 54 | ], 55 | ) 56 | -------------------------------------------------------------------------------- /example/android/app/build.gradle: -------------------------------------------------------------------------------- 1 | apply plugin: "com.android.application" 2 | apply from: "../../node_modules/react-native-vector-icons/fonts.gradle" 3 | 4 | import com.android.build.OutputFile 5 | import org.apache.tools.ant.taskdefs.condition.Os 6 | 7 | /** 8 | * The react.gradle file registers a task for each build variant (e.g. bundleDebugJsAndAssets 9 | * and bundleReleaseJsAndAssets). 10 | * These basically call `react-native bundle` with the correct arguments during the Android build 11 | * cycle. By default, bundleDebugJsAndAssets is skipped, as in debug/dev mode we prefer to load the 12 | * bundle directly from the development server. Below you can see all the possible configurations 13 | * and their defaults. If you decide to add a configuration block, make sure to add it before the 14 | * `apply from: "../../node_modules/react-native/react.gradle"` line. 15 | * 16 | * project.ext.react = [ 17 | * // the name of the generated asset file containing your JS bundle 18 | * bundleAssetName: "index.android.bundle", 19 | * 20 | * // the entry file for bundle generation. If none specified and 21 | * // "index.android.js" exists, it will be used. Otherwise "index.js" is 22 | * // default. Can be overridden with ENTRY_FILE environment variable. 23 | * entryFile: "index.android.js", 24 | * 25 | * // https://reactnative.dev/docs/performance#enable-the-ram-format 26 | * bundleCommand: "ram-bundle", 27 | * 28 | * // whether to bundle JS and assets in debug mode 29 | * bundleInDebug: false, 30 | * 31 | * // whether to bundle JS and assets in release mode 32 | * bundleInRelease: true, 33 | * 34 | * // whether to bundle JS and assets in another build variant (if configured). 35 | * // See http://tools.android.com/tech-docs/new-build-system/user-guide#TOC-Build-Variants 36 | * // The configuration property can be in the following formats 37 | * // 'bundleIn${productFlavor}${buildType}' 38 | * // 'bundleIn${buildType}' 39 | * // bundleInFreeDebug: true, 40 | * // bundleInPaidRelease: true, 41 | * // bundleInBeta: true, 42 | * 43 | * // whether to disable dev mode in custom build variants (by default only disabled in release) 44 | * // for example: to disable dev mode in the staging build type (if configured) 45 | * devDisabledInStaging: true, 46 | * // The configuration property can be in the following formats 47 | * // 'devDisabledIn${productFlavor}${buildType}' 48 | * // 'devDisabledIn${buildType}' 49 | * 50 | * // the root of your project, i.e. where "package.json" lives 51 | * root: "../../", 52 | * 53 | * // where to put the JS bundle asset in debug mode 54 | * jsBundleDirDebug: "$buildDir/intermediates/assets/debug", 55 | * 56 | * // where to put the JS bundle asset in release mode 57 | * jsBundleDirRelease: "$buildDir/intermediates/assets/release", 58 | * 59 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 60 | * // require('./image.png')), in debug mode 61 | * resourcesDirDebug: "$buildDir/intermediates/res/merged/debug", 62 | * 63 | * // where to put drawable resources / React Native assets, e.g. the ones you use via 64 | * // require('./image.png')), in release mode 65 | * resourcesDirRelease: "$buildDir/intermediates/res/merged/release", 66 | * 67 | * // by default the gradle tasks are skipped if none of the JS files or assets change; this means 68 | * // that we don't look at files in android/ or ios/ to determine whether the tasks are up to 69 | * // date; if you have any other folders that you want to ignore for performance reasons (gradle 70 | * // indexes the entire tree), add them here. Alternatively, if you have JS files in android/ 71 | * // for example, you might want to remove it from here. 72 | * inputExcludes: ["android/**", "ios/**"], 73 | * 74 | * // override which node gets called and with what additional arguments 75 | * nodeExecutableAndArgs: ["node"], 76 | * 77 | * // supply additional arguments to the packager 78 | * extraPackagerArgs: [] 79 | * ] 80 | */ 81 | 82 | project.ext.react = [ 83 | enableHermes: true, // clean and rebuild if changing 84 | ] 85 | 86 | apply from: "../../node_modules/react-native/react.gradle" 87 | 88 | /** 89 | * Set this to true to create two separate APKs instead of one: 90 | * - An APK that only works on ARM devices 91 | * - An APK that only works on x86 devices 92 | * The advantage is the size of the APK is reduced by about 4MB. 93 | * Upload all the APKs to the Play Store and people will download 94 | * the correct one based on the CPU architecture of their device. 95 | */ 96 | def enableSeparateBuildPerCPUArchitecture = false 97 | 98 | /** 99 | * Run Proguard to shrink the Java bytecode in release builds. 100 | */ 101 | def enableProguardInReleaseBuilds = false 102 | 103 | /** 104 | * The preferred build flavor of JavaScriptCore. 105 | * 106 | * For example, to use the international variant, you can use: 107 | * `def jscFlavor = 'org.webkit:android-jsc-intl:+'` 108 | * 109 | * The international variant includes ICU i18n library and necessary data 110 | * allowing to use e.g. `Date.toLocaleString` and `String.localeCompare` that 111 | * give correct results when using with locales other than en-US. Note that 112 | * this variant is about 6MiB larger per architecture than default. 113 | */ 114 | def jscFlavor = 'org.webkit:android-jsc:+' 115 | 116 | /** 117 | * Whether to enable the Hermes VM. 118 | * 119 | * This should be set on project.ext.react and that value will be read here. If it is not set 120 | * on project.ext.react, JavaScript will not be compiled to Hermes Bytecode 121 | * and the benefits of using Hermes will therefore be sharply reduced. 122 | */ 123 | def enableHermes = project.ext.react.get("enableHermes", false); 124 | 125 | /** 126 | * Architectures to build native code for. 127 | */ 128 | def reactNativeArchitectures() { 129 | def value = project.getProperties().get("reactNativeArchitectures") 130 | return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"] 131 | } 132 | 133 | android { 134 | ndkVersion rootProject.ext.ndkVersion 135 | 136 | compileSdkVersion rootProject.ext.compileSdkVersion 137 | 138 | defaultConfig { 139 | applicationId "com.newarchitecture" 140 | minSdkVersion rootProject.ext.minSdkVersion 141 | targetSdkVersion rootProject.ext.targetSdkVersion 142 | versionCode 1 143 | versionName "1.0" 144 | buildConfigField "boolean", "IS_NEW_ARCHITECTURE_ENABLED", isNewArchitectureEnabled().toString() 145 | 146 | if (isNewArchitectureEnabled()) { 147 | // We configure the NDK build only if you decide to opt-in for the New Architecture. 148 | externalNativeBuild { 149 | ndkBuild { 150 | arguments "APP_PLATFORM=android-21", 151 | "APP_STL=c++_shared", 152 | "NDK_TOOLCHAIN_VERSION=clang", 153 | "GENERATED_SRC_DIR=$buildDir/generated/source", 154 | "PROJECT_BUILD_DIR=$buildDir", 155 | "REACT_ANDROID_DIR=$rootDir/../node_modules/react-native/ReactAndroid", 156 | "REACT_ANDROID_BUILD_DIR=$rootDir/../node_modules/react-native/ReactAndroid/build", 157 | "NODE_MODULES_DIR=$rootDir/../node_modules/" 158 | cFlags "-Wall", "-Werror", "-fexceptions", "-frtti", "-DWITH_INSPECTOR=1" 159 | cppFlags "-std=c++17" 160 | // Make sure this target name is the same you specify inside the 161 | // src/main/jni/Android.mk file for the `LOCAL_MODULE` variable. 162 | targets "newarchitecture_appmodules" 163 | 164 | // Fix for windows limit on number of character in file paths and in command lines 165 | if (Os.isFamily(Os.FAMILY_WINDOWS)) { 166 | arguments "NDK_APP_SHORT_COMMANDS=true" 167 | } 168 | } 169 | } 170 | if (!enableSeparateBuildPerCPUArchitecture) { 171 | ndk { 172 | abiFilters (*reactNativeArchitectures()) 173 | } 174 | } 175 | } 176 | } 177 | 178 | if (isNewArchitectureEnabled()) { 179 | // We configure the NDK build only if you decide to opt-in for the New Architecture. 180 | externalNativeBuild { 181 | ndkBuild { 182 | path "$projectDir/src/main/jni/Android.mk" 183 | } 184 | } 185 | def reactAndroidProjectDir = project(':ReactAndroid').projectDir 186 | def packageReactNdkDebugLibs = tasks.register("packageReactNdkDebugLibs", Copy) { 187 | dependsOn(":ReactAndroid:packageReactNdkDebugLibsForBuck") 188 | from("$reactAndroidProjectDir/src/main/jni/prebuilt/lib") 189 | into("$buildDir/react-ndk/exported") 190 | } 191 | def packageReactNdkReleaseLibs = tasks.register("packageReactNdkReleaseLibs", Copy) { 192 | dependsOn(":ReactAndroid:packageReactNdkReleaseLibsForBuck") 193 | from("$reactAndroidProjectDir/src/main/jni/prebuilt/lib") 194 | into("$buildDir/react-ndk/exported") 195 | } 196 | afterEvaluate { 197 | // If you wish to add a custom TurboModule or component locally, 198 | // you should uncomment this line. 199 | // preBuild.dependsOn("generateCodegenArtifactsFromSchema") 200 | preDebugBuild.dependsOn(packageReactNdkDebugLibs) 201 | preReleaseBuild.dependsOn(packageReactNdkReleaseLibs) 202 | 203 | // Due to a bug inside AGP, we have to explicitly set a dependency 204 | // between configureNdkBuild* tasks and the preBuild tasks. 205 | // This can be removed once this is solved: https://issuetracker.google.com/issues/207403732 206 | configureNdkBuildRelease.dependsOn(preReleaseBuild) 207 | configureNdkBuildDebug.dependsOn(preDebugBuild) 208 | reactNativeArchitectures().each { architecture -> 209 | tasks.findByName("configureNdkBuildDebug[${architecture}]")?.configure { 210 | dependsOn("preDebugBuild") 211 | } 212 | tasks.findByName("configureNdkBuildRelease[${architecture}]")?.configure { 213 | dependsOn("preReleaseBuild") 214 | } 215 | } 216 | } 217 | } 218 | 219 | splits { 220 | abi { 221 | reset() 222 | enable enableSeparateBuildPerCPUArchitecture 223 | universalApk false // If true, also generate a universal APK 224 | include (*reactNativeArchitectures()) 225 | } 226 | } 227 | signingConfigs { 228 | debug { 229 | storeFile file('debug.keystore') 230 | storePassword 'android' 231 | keyAlias 'androiddebugkey' 232 | keyPassword 'android' 233 | } 234 | } 235 | buildTypes { 236 | debug { 237 | signingConfig signingConfigs.debug 238 | } 239 | release { 240 | // Caution! In production, you need to generate your own keystore file. 241 | // see https://reactnative.dev/docs/signed-apk-android. 242 | signingConfig signingConfigs.debug 243 | minifyEnabled enableProguardInReleaseBuilds 244 | proguardFiles getDefaultProguardFile("proguard-android.txt"), "proguard-rules.pro" 245 | } 246 | } 247 | 248 | // applicationVariants are e.g. debug, release 249 | applicationVariants.all { variant -> 250 | variant.outputs.each { output -> 251 | // For each separate APK per architecture, set a unique version code as described here: 252 | // https://developer.android.com/studio/build/configure-apk-splits.html 253 | // Example: versionCode 1 will generate 1001 for armeabi-v7a, 1002 for x86, etc. 254 | def versionCodes = ["armeabi-v7a": 1, "x86": 2, "arm64-v8a": 3, "x86_64": 4] 255 | def abi = output.getFilter(OutputFile.ABI) 256 | if (abi != null) { // null for the universal-debug, universal-release variants 257 | output.versionCodeOverride = 258 | defaultConfig.versionCode * 1000 + versionCodes.get(abi) 259 | } 260 | 261 | } 262 | } 263 | } 264 | 265 | dependencies { 266 | implementation fileTree(dir: "libs", include: ["*.jar"]) 267 | 268 | //noinspection GradleDynamicVersion 269 | implementation "com.facebook.react:react-native:+" // From node_modules 270 | 271 | implementation "androidx.swiperefreshlayout:swiperefreshlayout:1.0.0" 272 | 273 | debugImplementation("com.facebook.flipper:flipper:${FLIPPER_VERSION}") { 274 | exclude group:'com.facebook.fbjni' 275 | } 276 | 277 | debugImplementation("com.facebook.flipper:flipper-network-plugin:${FLIPPER_VERSION}") { 278 | exclude group:'com.facebook.flipper' 279 | exclude group:'com.squareup.okhttp3', module:'okhttp' 280 | } 281 | 282 | debugImplementation("com.facebook.flipper:flipper-fresco-plugin:${FLIPPER_VERSION}") { 283 | exclude group:'com.facebook.flipper' 284 | } 285 | 286 | if (enableHermes) { 287 | def hermesPath = "../../node_modules/hermes-engine/android/"; 288 | debugImplementation files(hermesPath + "hermes-debug.aar") 289 | releaseImplementation files(hermesPath + "hermes-release.aar") 290 | } else { 291 | implementation jscFlavor 292 | } 293 | } 294 | 295 | if (isNewArchitectureEnabled()) { 296 | // If new architecture is enabled, we let you build RN from source 297 | // Otherwise we fallback to a prebuilt .aar bundled in the NPM package. 298 | // This will be applied to all the imported transtitive dependency. 299 | configurations.all { 300 | resolutionStrategy.dependencySubstitution { 301 | substitute(module("com.facebook.react:react-native")) 302 | .using(project(":ReactAndroid")).because("On New Architecture we're building React Native from source") 303 | } 304 | } 305 | } 306 | 307 | // Run this once to be able to run the application with BUCK 308 | // puts all compile dependencies into folder libs for BUCK to use 309 | task copyDownloadableDepsToLibs(type: Copy) { 310 | from configurations.implementation 311 | into 'libs' 312 | } 313 | 314 | apply from: file("../../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesAppBuildGradle(project) 315 | 316 | def isNewArchitectureEnabled() { 317 | // To opt-in for the New Architecture, you can either: 318 | // - Set `newArchEnabled` to true inside the `gradle.properties` file 319 | // - Invoke gradle with `-newArchEnabled=true` 320 | // - Set an environment variable `ORG_GRADLE_PROJECT_newArchEnabled=true` 321 | return project.hasProperty("newArchEnabled") && project.newArchEnabled == "true" 322 | } 323 | -------------------------------------------------------------------------------- /example/android/app/build_defs.bzl: -------------------------------------------------------------------------------- 1 | """Helper definitions to glob .aar and .jar targets""" 2 | 3 | def create_aar_targets(aarfiles): 4 | for aarfile in aarfiles: 5 | name = "aars__" + aarfile[aarfile.rindex("/") + 1:aarfile.rindex(".aar")] 6 | lib_deps.append(":" + name) 7 | android_prebuilt_aar( 8 | name = name, 9 | aar = aarfile, 10 | ) 11 | 12 | def create_jar_targets(jarfiles): 13 | for jarfile in jarfiles: 14 | name = "jars__" + jarfile[jarfile.rindex("/") + 1:jarfile.rindex(".jar")] 15 | lib_deps.append(":" + name) 16 | prebuilt_jar( 17 | name = name, 18 | binary_jar = jarfile, 19 | ) 20 | -------------------------------------------------------------------------------- /example/android/app/debug.keystore: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/debug.keystore -------------------------------------------------------------------------------- /example/android/app/proguard-rules.pro: -------------------------------------------------------------------------------- 1 | # Add project specific ProGuard rules here. 2 | # By default, the flags in this file are appended to flags specified 3 | # in /usr/local/Cellar/android-sdk/24.3.3/tools/proguard/proguard-android.txt 4 | # You can edit the include path and order by changing the proguardFiles 5 | # directive in build.gradle. 6 | # 7 | # For more details, see 8 | # http://developer.android.com/guide/developing/tools/proguard.html 9 | 10 | # Add any project specific keep options here: 11 | -------------------------------------------------------------------------------- /example/android/app/src/debug/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 2 | 4 | 5 | 6 | 7 | 11 | 12 | 13 | 14 | -------------------------------------------------------------------------------- /example/android/app/src/debug/java/com/newarchitecture/ReactNativeFlipper.java: -------------------------------------------------------------------------------- 1 | /** 2 | * Copyright (c) Meta Platforms, Inc. and affiliates. 3 | * 4 | *

This source code is licensed under the MIT license found in the LICENSE file in the root 5 | * directory of this source tree. 6 | */ 7 | package com.newarchitecture; 8 | 9 | import android.content.Context; 10 | import com.facebook.flipper.android.AndroidFlipperClient; 11 | import com.facebook.flipper.android.utils.FlipperUtils; 12 | import com.facebook.flipper.core.FlipperClient; 13 | import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin; 14 | import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin; 15 | import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin; 16 | import com.facebook.flipper.plugins.inspector.DescriptorMapping; 17 | import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin; 18 | import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor; 19 | import com.facebook.flipper.plugins.network.NetworkFlipperPlugin; 20 | import com.facebook.flipper.plugins.react.ReactFlipperPlugin; 21 | import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin; 22 | import com.facebook.react.ReactInstanceEventListener; 23 | import com.facebook.react.ReactInstanceManager; 24 | import com.facebook.react.bridge.ReactContext; 25 | import com.facebook.react.modules.network.NetworkingModule; 26 | import okhttp3.OkHttpClient; 27 | 28 | public class ReactNativeFlipper { 29 | public static void initializeFlipper(Context context, ReactInstanceManager reactInstanceManager) { 30 | if (FlipperUtils.shouldEnableFlipper(context)) { 31 | final FlipperClient client = AndroidFlipperClient.getInstance(context); 32 | 33 | client.addPlugin(new InspectorFlipperPlugin(context, DescriptorMapping.withDefaults())); 34 | client.addPlugin(new ReactFlipperPlugin()); 35 | client.addPlugin(new DatabasesFlipperPlugin(context)); 36 | client.addPlugin(new SharedPreferencesFlipperPlugin(context)); 37 | client.addPlugin(CrashReporterPlugin.getInstance()); 38 | 39 | NetworkFlipperPlugin networkFlipperPlugin = new NetworkFlipperPlugin(); 40 | NetworkingModule.setCustomClientBuilder( 41 | new NetworkingModule.CustomClientBuilder() { 42 | @Override 43 | public void apply(OkHttpClient.Builder builder) { 44 | builder.addNetworkInterceptor(new FlipperOkhttpInterceptor(networkFlipperPlugin)); 45 | } 46 | }); 47 | client.addPlugin(networkFlipperPlugin); 48 | client.start(); 49 | 50 | // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized 51 | // Hence we run if after all native modules have been initialized 52 | ReactContext reactContext = reactInstanceManager.getCurrentReactContext(); 53 | if (reactContext == null) { 54 | reactInstanceManager.addReactInstanceEventListener( 55 | new ReactInstanceEventListener() { 56 | @Override 57 | public void onReactContextInitialized(ReactContext reactContext) { 58 | reactInstanceManager.removeReactInstanceEventListener(this); 59 | reactContext.runOnNativeModulesQueueThread( 60 | new Runnable() { 61 | @Override 62 | public void run() { 63 | client.addPlugin(new FrescoFlipperPlugin()); 64 | } 65 | }); 66 | } 67 | }); 68 | } else { 69 | client.addPlugin(new FrescoFlipperPlugin()); 70 | } 71 | } 72 | } 73 | } 74 | -------------------------------------------------------------------------------- /example/android/app/src/main/AndroidManifest.xml: -------------------------------------------------------------------------------- 1 | 3 | 4 | 5 | 6 | 13 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/newarchitecture/MainActivity.java: -------------------------------------------------------------------------------- 1 | package com.newarchitecture; 2 | 3 | import com.facebook.react.ReactActivity; 4 | import com.facebook.react.ReactActivityDelegate; 5 | import com.facebook.react.ReactRootView; 6 | 7 | public class MainActivity extends ReactActivity { 8 | 9 | /** 10 | * Returns the name of the main component registered from JavaScript. This is used to schedule 11 | * rendering of the component. 12 | */ 13 | @Override 14 | protected String getMainComponentName() { 15 | return "NewArchitecture"; 16 | } 17 | 18 | /** 19 | * Returns the instance of the {@link ReactActivityDelegate}. There the RootView is created and 20 | * you can specify the rendered you wish to use (Fabric or the older renderer). 21 | */ 22 | @Override 23 | protected ReactActivityDelegate createReactActivityDelegate() { 24 | return new MainActivityDelegate(this, getMainComponentName()); 25 | } 26 | 27 | public static class MainActivityDelegate extends ReactActivityDelegate { 28 | public MainActivityDelegate(ReactActivity activity, String mainComponentName) { 29 | super(activity, mainComponentName); 30 | } 31 | 32 | @Override 33 | protected ReactRootView createRootView() { 34 | ReactRootView reactRootView = new ReactRootView(getContext()); 35 | // If you opted-in for the New Architecture, we enable the Fabric Renderer. 36 | reactRootView.setIsFabric(BuildConfig.IS_NEW_ARCHITECTURE_ENABLED); 37 | return reactRootView; 38 | } 39 | } 40 | } 41 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/newarchitecture/MainApplication.java: -------------------------------------------------------------------------------- 1 | package com.newarchitecture; 2 | 3 | import android.app.Application; 4 | import android.content.Context; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactApplication; 7 | import com.facebook.react.ReactInstanceManager; 8 | import com.facebook.react.ReactNativeHost; 9 | import com.facebook.react.ReactPackage; 10 | import com.facebook.react.config.ReactFeatureFlags; 11 | import com.facebook.soloader.SoLoader; 12 | import com.newarchitecture.newarchitecture.MainApplicationReactNativeHost; 13 | import java.lang.reflect.InvocationTargetException; 14 | import java.util.List; 15 | 16 | public class MainApplication extends Application implements ReactApplication { 17 | 18 | private final ReactNativeHost mReactNativeHost = 19 | new ReactNativeHost(this) { 20 | @Override 21 | public boolean getUseDeveloperSupport() { 22 | return BuildConfig.DEBUG; 23 | } 24 | 25 | @Override 26 | protected List getPackages() { 27 | @SuppressWarnings("UnnecessaryLocalVariable") 28 | List packages = new PackageList(this).getPackages(); 29 | // Packages that cannot be autolinked yet can be added manually here, for example: 30 | // packages.add(new MyReactNativePackage()); 31 | return packages; 32 | } 33 | 34 | @Override 35 | protected String getJSMainModuleName() { 36 | return "index"; 37 | } 38 | }; 39 | 40 | private final ReactNativeHost mNewArchitectureNativeHost = 41 | new MainApplicationReactNativeHost(this); 42 | 43 | @Override 44 | public ReactNativeHost getReactNativeHost() { 45 | if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) { 46 | return mNewArchitectureNativeHost; 47 | } else { 48 | return mReactNativeHost; 49 | } 50 | } 51 | 52 | @Override 53 | public void onCreate() { 54 | super.onCreate(); 55 | // If you opted-in for the New Architecture, we enable the TurboModule system 56 | ReactFeatureFlags.useTurboModules = BuildConfig.IS_NEW_ARCHITECTURE_ENABLED; 57 | SoLoader.init(this, /* native exopackage */ false); 58 | initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 59 | } 60 | 61 | /** 62 | * Loads Flipper in React Native templates. Call this in the onCreate method with something like 63 | * initializeFlipper(this, getReactNativeHost().getReactInstanceManager()); 64 | * 65 | * @param context 66 | * @param reactInstanceManager 67 | */ 68 | private static void initializeFlipper( 69 | Context context, ReactInstanceManager reactInstanceManager) { 70 | if (BuildConfig.DEBUG) { 71 | try { 72 | /* 73 | We use reflection here to pick up the class that initializes Flipper, 74 | since Flipper library is not available in release mode 75 | */ 76 | Class aClass = Class.forName("com.newarchitecture.ReactNativeFlipper"); 77 | aClass 78 | .getMethod("initializeFlipper", Context.class, ReactInstanceManager.class) 79 | .invoke(null, context, reactInstanceManager); 80 | } catch (ClassNotFoundException e) { 81 | e.printStackTrace(); 82 | } catch (NoSuchMethodException e) { 83 | e.printStackTrace(); 84 | } catch (IllegalAccessException e) { 85 | e.printStackTrace(); 86 | } catch (InvocationTargetException e) { 87 | e.printStackTrace(); 88 | } 89 | } 90 | } 91 | } 92 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/newarchitecture/newarchitecture/MainApplicationReactNativeHost.java: -------------------------------------------------------------------------------- 1 | package com.newarchitecture.newarchitecture; 2 | 3 | import android.app.Application; 4 | import androidx.annotation.NonNull; 5 | import com.facebook.react.PackageList; 6 | import com.facebook.react.ReactInstanceManager; 7 | import com.facebook.react.ReactNativeHost; 8 | import com.facebook.react.ReactPackage; 9 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 10 | import com.facebook.react.bridge.JSIModulePackage; 11 | import com.facebook.react.bridge.JSIModuleProvider; 12 | import com.facebook.react.bridge.JSIModuleSpec; 13 | import com.facebook.react.bridge.JSIModuleType; 14 | import com.facebook.react.bridge.JavaScriptContextHolder; 15 | import com.facebook.react.bridge.ReactApplicationContext; 16 | import com.facebook.react.bridge.UIManager; 17 | import com.facebook.react.fabric.ComponentFactory; 18 | import com.facebook.react.fabric.CoreComponentsRegistry; 19 | import com.facebook.react.fabric.EmptyReactNativeConfig; 20 | import com.facebook.react.fabric.FabricJSIModuleProvider; 21 | import com.facebook.react.uimanager.ViewManagerRegistry; 22 | import com.newarchitecture.BuildConfig; 23 | import com.newarchitecture.newarchitecture.components.MainComponentsRegistry; 24 | import com.newarchitecture.newarchitecture.modules.MainApplicationTurboModuleManagerDelegate; 25 | import java.util.ArrayList; 26 | import java.util.List; 27 | 28 | /** 29 | * A {@link ReactNativeHost} that helps you load everything needed for the New Architecture, both 30 | * TurboModule delegates and the Fabric Renderer. 31 | * 32 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 33 | * `newArchEnabled` property). Is ignored otherwise. 34 | */ 35 | public class MainApplicationReactNativeHost extends ReactNativeHost { 36 | public MainApplicationReactNativeHost(Application application) { 37 | super(application); 38 | } 39 | 40 | @Override 41 | public boolean getUseDeveloperSupport() { 42 | return BuildConfig.DEBUG; 43 | } 44 | 45 | @Override 46 | protected List getPackages() { 47 | List packages = new PackageList(this).getPackages(); 48 | // Packages that cannot be autolinked yet can be added manually here, for example: 49 | // packages.add(new MyReactNativePackage()); 50 | // TurboModules must also be loaded here providing a valid TurboReactPackage implementation: 51 | // packages.add(new TurboReactPackage() { ... }); 52 | // If you have custom Fabric Components, their ViewManagers should also be loaded here 53 | // inside a ReactPackage. 54 | return packages; 55 | } 56 | 57 | @Override 58 | protected String getJSMainModuleName() { 59 | return "index"; 60 | } 61 | 62 | @NonNull 63 | @Override 64 | protected ReactPackageTurboModuleManagerDelegate.Builder 65 | getReactPackageTurboModuleManagerDelegateBuilder() { 66 | // Here we provide the ReactPackageTurboModuleManagerDelegate Builder. This is necessary 67 | // for the new architecture and to use TurboModules correctly. 68 | return new MainApplicationTurboModuleManagerDelegate.Builder(); 69 | } 70 | 71 | @Override 72 | protected JSIModulePackage getJSIModulePackage() { 73 | return new JSIModulePackage() { 74 | @Override 75 | public List getJSIModules( 76 | final ReactApplicationContext reactApplicationContext, 77 | final JavaScriptContextHolder jsContext) { 78 | final List specs = new ArrayList<>(); 79 | 80 | // Here we provide a new JSIModuleSpec that will be responsible of providing the 81 | // custom Fabric Components. 82 | specs.add( 83 | new JSIModuleSpec() { 84 | @Override 85 | public JSIModuleType getJSIModuleType() { 86 | return JSIModuleType.UIManager; 87 | } 88 | 89 | @Override 90 | public JSIModuleProvider getJSIModuleProvider() { 91 | final ComponentFactory componentFactory = new ComponentFactory(); 92 | CoreComponentsRegistry.register(componentFactory); 93 | 94 | // Here we register a Components Registry. 95 | // The one that is generated with the template contains no components 96 | // and just provides you the one from React Native core. 97 | MainComponentsRegistry.register(componentFactory); 98 | 99 | final ReactInstanceManager reactInstanceManager = getReactInstanceManager(); 100 | 101 | ViewManagerRegistry viewManagerRegistry = 102 | new ViewManagerRegistry( 103 | reactInstanceManager.getOrCreateViewManagers(reactApplicationContext)); 104 | 105 | return new FabricJSIModuleProvider( 106 | reactApplicationContext, 107 | componentFactory, 108 | new EmptyReactNativeConfig(), 109 | viewManagerRegistry); 110 | } 111 | }); 112 | return specs; 113 | } 114 | }; 115 | } 116 | } 117 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/newarchitecture/newarchitecture/components/MainComponentsRegistry.java: -------------------------------------------------------------------------------- 1 | package com.newarchitecture.newarchitecture.components; 2 | 3 | import com.facebook.jni.HybridData; 4 | import com.facebook.proguard.annotations.DoNotStrip; 5 | import com.facebook.react.fabric.ComponentFactory; 6 | import com.facebook.soloader.SoLoader; 7 | 8 | /** 9 | * Class responsible to load the custom Fabric Components. This class has native methods and needs a 10 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/ 11 | * folder for you). 12 | * 13 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 14 | * `newArchEnabled` property). Is ignored otherwise. 15 | */ 16 | @DoNotStrip 17 | public class MainComponentsRegistry { 18 | static { 19 | SoLoader.loadLibrary("fabricjni"); 20 | } 21 | 22 | @DoNotStrip private final HybridData mHybridData; 23 | 24 | @DoNotStrip 25 | private native HybridData initHybrid(ComponentFactory componentFactory); 26 | 27 | @DoNotStrip 28 | private MainComponentsRegistry(ComponentFactory componentFactory) { 29 | mHybridData = initHybrid(componentFactory); 30 | } 31 | 32 | @DoNotStrip 33 | public static MainComponentsRegistry register(ComponentFactory componentFactory) { 34 | return new MainComponentsRegistry(componentFactory); 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /example/android/app/src/main/java/com/newarchitecture/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate.java: -------------------------------------------------------------------------------- 1 | package com.newarchitecture.newarchitecture.modules; 2 | 3 | import com.facebook.jni.HybridData; 4 | import com.facebook.react.ReactPackage; 5 | import com.facebook.react.ReactPackageTurboModuleManagerDelegate; 6 | import com.facebook.react.bridge.ReactApplicationContext; 7 | import com.facebook.soloader.SoLoader; 8 | import java.util.List; 9 | 10 | /** 11 | * Class responsible to load the TurboModules. This class has native methods and needs a 12 | * corresponding C++ implementation/header file to work correctly (already placed inside the jni/ 13 | * folder for you). 14 | * 15 | *

Please note that this class is used ONLY if you opt-in for the New Architecture (see the 16 | * `newArchEnabled` property). Is ignored otherwise. 17 | */ 18 | public class MainApplicationTurboModuleManagerDelegate 19 | extends ReactPackageTurboModuleManagerDelegate { 20 | 21 | private static volatile boolean sIsSoLibraryLoaded; 22 | 23 | protected MainApplicationTurboModuleManagerDelegate( 24 | ReactApplicationContext reactApplicationContext, List packages) { 25 | super(reactApplicationContext, packages); 26 | } 27 | 28 | protected native HybridData initHybrid(); 29 | 30 | native boolean canCreateTurboModule(String moduleName); 31 | 32 | public static class Builder extends ReactPackageTurboModuleManagerDelegate.Builder { 33 | protected MainApplicationTurboModuleManagerDelegate build( 34 | ReactApplicationContext context, List packages) { 35 | return new MainApplicationTurboModuleManagerDelegate(context, packages); 36 | } 37 | } 38 | 39 | @Override 40 | protected synchronized void maybeLoadOtherSoLibraries() { 41 | if (!sIsSoLibraryLoaded) { 42 | // If you change the name of your application .so file in the Android.mk file, 43 | // make sure you update the name here as well. 44 | SoLoader.loadLibrary("newarchitecture_appmodules"); 45 | sIsSoLibraryLoaded = true; 46 | } 47 | } 48 | } 49 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/Android.mk: -------------------------------------------------------------------------------- 1 | THIS_DIR := $(call my-dir) 2 | 3 | include $(REACT_ANDROID_DIR)/Android-prebuilt.mk 4 | 5 | # If you wish to add a custom TurboModule or Fabric component in your app you 6 | # will have to include the following autogenerated makefile. 7 | # include $(GENERATED_SRC_DIR)/codegen/jni/Android.mk 8 | 9 | # Includes the MK file for `react-native-rlottie` 10 | include $(NODE_MODULES_DIR)/react-native-rlottie/android/build/generated/source/codegen/jni/Android.mk 11 | include $(NODE_MODULES_DIR)/react-native-performance-stats/android/build/generated/source/codegen/jni/Android.mk 12 | 13 | include $(CLEAR_VARS) 14 | 15 | LOCAL_PATH := $(THIS_DIR) 16 | 17 | # You can customize the name of your application .so file here. 18 | LOCAL_MODULE := newarchitecture_appmodules 19 | 20 | LOCAL_C_INCLUDES := $(LOCAL_PATH) 21 | LOCAL_SRC_FILES := $(wildcard $(LOCAL_PATH)/*.cpp) 22 | LOCAL_EXPORT_C_INCLUDES := $(LOCAL_PATH) 23 | 24 | # If you wish to add a custom TurboModule or Fabric component in your app you 25 | # will have to uncomment those lines to include the generated source 26 | # files from the codegen (placed in $(GENERATED_SRC_DIR)/codegen/jni) 27 | # 28 | # LOCAL_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 29 | # LOCAL_SRC_FILES += $(wildcard $(GENERATED_SRC_DIR)/codegen/jni/*.cpp) 30 | # LOCAL_EXPORT_C_INCLUDES += $(GENERATED_SRC_DIR)/codegen/jni 31 | 32 | # Here you should add any native library you wish to depend on. 33 | LOCAL_SHARED_LIBRARIES := \ 34 | libfabricjni \ 35 | libfbjni \ 36 | libfolly_futures \ 37 | libfolly_json \ 38 | libglog \ 39 | libjsi \ 40 | libreact_codegen_rncore \ 41 | libreact_codegen_rlottieview \ 42 | libreact_codegen_performancestats \ 43 | libreact_debug \ 44 | libreact_nativemodule_core \ 45 | libreact_render_componentregistry \ 46 | libreact_render_core \ 47 | libreact_render_debug \ 48 | libreact_render_graphics \ 49 | librrc_view \ 50 | libruntimeexecutor \ 51 | libturbomodulejsijni \ 52 | libyoga 53 | 54 | LOCAL_CFLAGS := -DLOG_TAG=\"ReactNative\" -fexceptions -frtti -std=c++17 -Wall 55 | 56 | include $(BUILD_SHARED_LIBRARY) 57 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationModuleProvider.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationModuleProvider.h" 2 | 3 | #include 4 | #include 5 | 6 | namespace facebook { 7 | namespace react { 8 | 9 | std::shared_ptr MainApplicationModuleProvider( 10 | const std::string moduleName, 11 | const JavaTurboModule::InitParams ¶ms) { 12 | // Here you can provide your own module provider for TurboModules coming from 13 | // either your application or from external libraries. The approach to follow 14 | // is similar to the following (for a library called `samplelibrary`: 15 | // 16 | auto module = performancestats_ModuleProvider(moduleName, params); 17 | if (module != nullptr) { 18 | return module; 19 | } 20 | 21 | return rncore_ModuleProvider(moduleName, params); 22 | } 23 | 24 | } // namespace react 25 | } // namespace facebook 26 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationModuleProvider.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | std::shared_ptr MainApplicationModuleProvider( 12 | const std::string moduleName, 13 | const JavaTurboModule::InitParams ¶ms); 14 | 15 | } // namespace react 16 | } // namespace facebook 17 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.cpp: -------------------------------------------------------------------------------- 1 | #include "MainApplicationTurboModuleManagerDelegate.h" 2 | #include "MainApplicationModuleProvider.h" 3 | 4 | namespace facebook { 5 | namespace react { 6 | 7 | jni::local_ref 8 | MainApplicationTurboModuleManagerDelegate::initHybrid( 9 | jni::alias_ref) { 10 | return makeCxxInstance(); 11 | } 12 | 13 | void MainApplicationTurboModuleManagerDelegate::registerNatives() { 14 | registerHybrid({ 15 | makeNativeMethod( 16 | "initHybrid", MainApplicationTurboModuleManagerDelegate::initHybrid), 17 | makeNativeMethod( 18 | "canCreateTurboModule", 19 | MainApplicationTurboModuleManagerDelegate::canCreateTurboModule), 20 | }); 21 | } 22 | 23 | std::shared_ptr 24 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 25 | const std::string name, 26 | const std::shared_ptr jsInvoker) { 27 | // Not implemented yet: provide pure-C++ NativeModules here. 28 | return nullptr; 29 | } 30 | 31 | std::shared_ptr 32 | MainApplicationTurboModuleManagerDelegate::getTurboModule( 33 | const std::string name, 34 | const JavaTurboModule::InitParams ¶ms) { 35 | return MainApplicationModuleProvider(name, params); 36 | } 37 | 38 | bool MainApplicationTurboModuleManagerDelegate::canCreateTurboModule( 39 | std::string name) { 40 | return getTurboModule(name, nullptr) != nullptr || 41 | getTurboModule(name, {.moduleName = name}) != nullptr; 42 | } 43 | 44 | } // namespace react 45 | } // namespace facebook 46 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainApplicationTurboModuleManagerDelegate.h: -------------------------------------------------------------------------------- 1 | #include 2 | #include 3 | 4 | #include 5 | #include 6 | 7 | namespace facebook { 8 | namespace react { 9 | 10 | class MainApplicationTurboModuleManagerDelegate 11 | : public jni::HybridClass< 12 | MainApplicationTurboModuleManagerDelegate, 13 | TurboModuleManagerDelegate> { 14 | public: 15 | // Adapt it to the package you used for your Java class. 16 | static constexpr auto kJavaDescriptor = 17 | "Lcom/newarchitecture/newarchitecture/modules/MainApplicationTurboModuleManagerDelegate;"; 18 | 19 | static jni::local_ref initHybrid(jni::alias_ref); 20 | 21 | static void registerNatives(); 22 | 23 | std::shared_ptr getTurboModule( 24 | const std::string name, 25 | const std::shared_ptr jsInvoker) override; 26 | std::shared_ptr getTurboModule( 27 | const std::string name, 28 | const JavaTurboModule::InitParams ¶ms) override; 29 | 30 | /** 31 | * Test-only method. Allows user to verify whether a TurboModule can be 32 | * created by instances of this class. 33 | */ 34 | bool canCreateTurboModule(std::string name); 35 | }; 36 | 37 | } // namespace react 38 | } // namespace facebook 39 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainComponentsRegistry.cpp: -------------------------------------------------------------------------------- 1 | #include "MainComponentsRegistry.h" 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | #include 8 | 9 | namespace facebook { 10 | namespace react { 11 | 12 | MainComponentsRegistry::MainComponentsRegistry(ComponentFactory *delegate) {} 13 | 14 | std::shared_ptr 15 | MainComponentsRegistry::sharedProviderRegistry() { 16 | auto providerRegistry = CoreComponentsRegistry::sharedProviderRegistry(); 17 | 18 | // Custom Fabric Components go here. You can register custom 19 | // components coming from your App or from 3rd party libraries here. 20 | // 21 | // providerRegistry->add(concreteComponentDescriptorProvider< 22 | // AocViewerComponentDescriptor>()); 23 | providerRegistry->add(concreteComponentDescriptorProvider()); 24 | return providerRegistry; 25 | } 26 | 27 | jni::local_ref 28 | MainComponentsRegistry::initHybrid( 29 | jni::alias_ref, 30 | ComponentFactory *delegate) { 31 | auto instance = makeCxxInstance(delegate); 32 | 33 | auto buildRegistryFunction = 34 | [](EventDispatcher::Weak const &eventDispatcher, 35 | ContextContainer::Shared const &contextContainer) 36 | -> ComponentDescriptorRegistry::Shared { 37 | auto registry = MainComponentsRegistry::sharedProviderRegistry() 38 | ->createComponentDescriptorRegistry( 39 | {eventDispatcher, contextContainer}); 40 | 41 | auto mutableRegistry = 42 | std::const_pointer_cast(registry); 43 | 44 | mutableRegistry->setFallbackComponentDescriptor( 45 | std::make_shared( 46 | ComponentDescriptorParameters{ 47 | eventDispatcher, contextContainer, nullptr})); 48 | 49 | return registry; 50 | }; 51 | 52 | delegate->buildRegistryFunction = buildRegistryFunction; 53 | return instance; 54 | } 55 | 56 | void MainComponentsRegistry::registerNatives() { 57 | registerHybrid({ 58 | makeNativeMethod("initHybrid", MainComponentsRegistry::initHybrid), 59 | }); 60 | } 61 | 62 | } // namespace react 63 | } // namespace facebook 64 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/MainComponentsRegistry.h: -------------------------------------------------------------------------------- 1 | #pragma once 2 | 3 | #include 4 | #include 5 | #include 6 | #include 7 | 8 | namespace facebook { 9 | namespace react { 10 | 11 | class MainComponentsRegistry 12 | : public facebook::jni::HybridClass { 13 | public: 14 | // Adapt it to the package you used for your Java class. 15 | constexpr static auto kJavaDescriptor = 16 | "Lcom/newarchitecture/newarchitecture/components/MainComponentsRegistry;"; 17 | 18 | static void registerNatives(); 19 | 20 | MainComponentsRegistry(ComponentFactory *delegate); 21 | 22 | private: 23 | static std::shared_ptr 24 | sharedProviderRegistry(); 25 | 26 | static jni::local_ref initHybrid( 27 | jni::alias_ref, 28 | ComponentFactory *delegate); 29 | }; 30 | 31 | } // namespace react 32 | } // namespace facebook 33 | -------------------------------------------------------------------------------- /example/android/app/src/main/jni/OnLoad.cpp: -------------------------------------------------------------------------------- 1 | #include 2 | #include "MainApplicationTurboModuleManagerDelegate.h" 3 | #include "MainComponentsRegistry.h" 4 | 5 | JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM *vm, void *) { 6 | return facebook::jni::initialize(vm, [] { 7 | facebook::react::MainApplicationTurboModuleManagerDelegate:: 8 | registerNatives(); 9 | facebook::react::MainComponentsRegistry::registerNatives(); 10 | }); 11 | } 12 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/drawable/rn_edit_text_material.xml: -------------------------------------------------------------------------------- 1 | 2 | 16 | 21 | 22 | 23 | 32 | 33 | 34 | 35 | 36 | 37 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-hdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-mdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/strings.xml: -------------------------------------------------------------------------------- 1 | 2 | NewArchitecture 3 | 4 | -------------------------------------------------------------------------------- /example/android/app/src/main/res/values/styles.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 8 | 9 | 10 | -------------------------------------------------------------------------------- /example/android/build.gradle: -------------------------------------------------------------------------------- 1 | import org.apache.tools.ant.taskdefs.condition.Os 2 | 3 | // Top-level build file where you can add configuration options common to all sub-projects/modules. 4 | 5 | buildscript { 6 | ext { 7 | buildToolsVersion = "31.0.0" 8 | minSdkVersion = 21 9 | compileSdkVersion = 31 10 | targetSdkVersion = 31 11 | 12 | if (System.properties['os.arch'] == "aarch64") { 13 | // For M1 Users we need to use the NDK 24 which added support for aarch64 14 | ndkVersion = "24.0.8215888" 15 | } else { 16 | // Otherwise we default to the side-by-side NDK version from AGP. 17 | ndkVersion = "21.4.7075529" 18 | } 19 | } 20 | repositories { 21 | google() 22 | mavenCentral() 23 | } 24 | dependencies { 25 | classpath("com.android.tools.build:gradle:7.0.4") 26 | classpath("com.facebook.react:react-native-gradle-plugin") 27 | classpath("de.undercouch:gradle-download-task:4.1.2") 28 | // NOTE: Do not place your application dependencies here; they belong 29 | // in the individual module build.gradle files 30 | } 31 | } 32 | 33 | allprojects { 34 | repositories { 35 | maven { 36 | // All of React Native (JS, Obj-C sources, Android binaries) is installed from npm 37 | url("$rootDir/../node_modules/react-native/android") 38 | } 39 | maven { 40 | // Android JSC is installed from npm 41 | url("$rootDir/../node_modules/jsc-android/dist") 42 | } 43 | mavenCentral { 44 | // We don't want to fetch react-native from Maven Central as there are 45 | // older versions over there. 46 | content { 47 | excludeGroup "com.facebook.react" 48 | } 49 | } 50 | google() 51 | maven { url 'https://www.jitpack.io' } 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /example/android/gradle.properties: -------------------------------------------------------------------------------- 1 | # Project-wide Gradle settings. 2 | 3 | # IDE (e.g. Android Studio) users: 4 | # Gradle settings configured through the IDE *will override* 5 | # any settings specified in this file. 6 | 7 | # For more details on how to configure your build environment visit 8 | # http://www.gradle.org/docs/current/userguide/build_environment.html 9 | 10 | # Specifies the JVM arguments used for the daemon process. 11 | # The setting is particularly useful for tweaking memory settings. 12 | # Default value: -Xmx512m -XX:MaxMetaspaceSize=256m 13 | org.gradle.jvmargs=-Xmx2048m -XX:MaxMetaspaceSize=512m 14 | 15 | # When configured, Gradle will run in incubating parallel mode. 16 | # This option should only be used with decoupled projects. More details, visit 17 | # http://www.gradle.org/docs/current/userguide/multi_project_builds.html#sec:decoupled_projects 18 | # org.gradle.parallel=true 19 | 20 | # AndroidX package structure to make it clearer which packages are bundled with the 21 | # Android operating system, and which are packaged with your app's APK 22 | # https://developer.android.com/topic/libraries/support-library/androidx-rn 23 | android.useAndroidX=true 24 | # Automatically convert third-party libraries to use AndroidX 25 | android.enableJetifier=true 26 | 27 | # Version of flipper SDK to use with React Native 28 | FLIPPER_VERSION=0.125.0 29 | 30 | # Use this property to specify which architecture you want to build. 31 | # You can also override it from the CLI using 32 | # ./gradlew -PreactNativeArchitectures=x86_64 33 | reactNativeArchitectures=armeabi-v7a,arm64-v8a,x86,x86_64 34 | 35 | # Use this property to enable support to the new architecture. 36 | # This will allow you to use TurboModules and the Fabric render in 37 | # your application. You should enable this flag either if you want 38 | # to write custom TurboModules/Fabric components OR use libraries that 39 | # are providing them. 40 | newArchEnabled=true 41 | -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.jar: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/hannojg/react-native-rlottie/db08d2b8e9ac6459e0f11b4d9acb705b1cfbb775/example/android/gradle/wrapper/gradle-wrapper.jar -------------------------------------------------------------------------------- /example/android/gradle/wrapper/gradle-wrapper.properties: -------------------------------------------------------------------------------- 1 | distributionBase=GRADLE_USER_HOME 2 | distributionPath=wrapper/dists 3 | distributionUrl=https\://services.gradle.org/distributions/gradle-7.3.3-all.zip 4 | zipStoreBase=GRADLE_USER_HOME 5 | zipStorePath=wrapper/dists 6 | -------------------------------------------------------------------------------- /example/android/gradlew: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | # 4 | # Copyright © 2015-2021 the original authors. 5 | # 6 | # Licensed under the Apache License, Version 2.0 (the "License"); 7 | # you may not use this file except in compliance with the License. 8 | # You may obtain a copy of the License at 9 | # 10 | # https://www.apache.org/licenses/LICENSE-2.0 11 | # 12 | # Unless required by applicable law or agreed to in writing, software 13 | # distributed under the License is distributed on an "AS IS" BASIS, 14 | # WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 15 | # See the License for the specific language governing permissions and 16 | # limitations under the License. 17 | # 18 | 19 | ############################################################################## 20 | # 21 | # Gradle start up script for POSIX generated by Gradle. 22 | # 23 | # Important for running: 24 | # 25 | # (1) You need a POSIX-compliant shell to run this script. If your /bin/sh is 26 | # noncompliant, but you have some other compliant shell such as ksh or 27 | # bash, then to run this script, type that shell name before the whole 28 | # command line, like: 29 | # 30 | # ksh Gradle 31 | # 32 | # Busybox and similar reduced shells will NOT work, because this script 33 | # requires all of these POSIX shell features: 34 | # * functions; 35 | # * expansions «$var», «${var}», «${var:-default}», «${var+SET}», 36 | # «${var#prefix}», «${var%suffix}», and «$( cmd )»; 37 | # * compound commands having a testable exit status, especially «case»; 38 | # * various built-in commands including «command», «set», and «ulimit». 39 | # 40 | # Important for patching: 41 | # 42 | # (2) This script targets any POSIX shell, so it avoids extensions provided 43 | # by Bash, Ksh, etc; in particular arrays are avoided. 44 | # 45 | # The "traditional" practice of packing multiple parameters into a 46 | # space-separated string is a well documented source of bugs and security 47 | # problems, so this is (mostly) avoided, by progressively accumulating 48 | # options in "$@", and eventually passing that to Java. 49 | # 50 | # Where the inherited environment variables (DEFAULT_JVM_OPTS, JAVA_OPTS, 51 | # and GRADLE_OPTS) rely on word-splitting, this is performed explicitly; 52 | # see the in-line comments for details. 53 | # 54 | # There are tweaks for specific operating systems such as AIX, CygWin, 55 | # Darwin, MinGW, and NonStop. 56 | # 57 | # (3) This script is generated from the Groovy template 58 | # https://github.com/gradle/gradle/blob/master/subprojects/plugins/src/main/resources/org/gradle/api/internal/plugins/unixStartScript.txt 59 | # within the Gradle project. 60 | # 61 | # You can find Gradle at https://github.com/gradle/gradle/. 62 | # 63 | ############################################################################## 64 | 65 | # Attempt to set APP_HOME 66 | 67 | # Resolve links: $0 may be a link 68 | app_path=$0 69 | 70 | # Need this for daisy-chained symlinks. 71 | while 72 | APP_HOME=${app_path%"${app_path##*/}"} # leaves a trailing /; empty if no leading path 73 | [ -h "$app_path" ] 74 | do 75 | ls=$( ls -ld "$app_path" ) 76 | link=${ls#*' -> '} 77 | case $link in #( 78 | /*) app_path=$link ;; #( 79 | *) app_path=$APP_HOME$link ;; 80 | esac 81 | done 82 | 83 | APP_HOME=$( cd "${APP_HOME:-./}" && pwd -P ) || exit 84 | 85 | APP_NAME="Gradle" 86 | APP_BASE_NAME=${0##*/} 87 | 88 | # Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 89 | DEFAULT_JVM_OPTS='"-Xmx64m" "-Xms64m"' 90 | 91 | # Use the maximum available, or set MAX_FD != -1 to use that value. 92 | MAX_FD=maximum 93 | 94 | warn () { 95 | echo "$*" 96 | } >&2 97 | 98 | die () { 99 | echo 100 | echo "$*" 101 | echo 102 | exit 1 103 | } >&2 104 | 105 | # OS specific support (must be 'true' or 'false'). 106 | cygwin=false 107 | msys=false 108 | darwin=false 109 | nonstop=false 110 | case "$( uname )" in #( 111 | CYGWIN* ) cygwin=true ;; #( 112 | Darwin* ) darwin=true ;; #( 113 | MSYS* | MINGW* ) msys=true ;; #( 114 | NONSTOP* ) nonstop=true ;; 115 | esac 116 | 117 | CLASSPATH=$APP_HOME/gradle/wrapper/gradle-wrapper.jar 118 | 119 | 120 | # Determine the Java command to use to start the JVM. 121 | if [ -n "$JAVA_HOME" ] ; then 122 | if [ -x "$JAVA_HOME/jre/sh/java" ] ; then 123 | # IBM's JDK on AIX uses strange locations for the executables 124 | JAVACMD=$JAVA_HOME/jre/sh/java 125 | else 126 | JAVACMD=$JAVA_HOME/bin/java 127 | fi 128 | if [ ! -x "$JAVACMD" ] ; then 129 | die "ERROR: JAVA_HOME is set to an invalid directory: $JAVA_HOME 130 | 131 | Please set the JAVA_HOME variable in your environment to match the 132 | location of your Java installation." 133 | fi 134 | else 135 | JAVACMD=java 136 | which java >/dev/null 2>&1 || die "ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 137 | 138 | Please set the JAVA_HOME variable in your environment to match the 139 | location of your Java installation." 140 | fi 141 | 142 | # Increase the maximum file descriptors if we can. 143 | if ! "$cygwin" && ! "$darwin" && ! "$nonstop" ; then 144 | case $MAX_FD in #( 145 | max*) 146 | MAX_FD=$( ulimit -H -n ) || 147 | warn "Could not query maximum file descriptor limit" 148 | esac 149 | case $MAX_FD in #( 150 | '' | soft) :;; #( 151 | *) 152 | ulimit -n "$MAX_FD" || 153 | warn "Could not set maximum file descriptor limit to $MAX_FD" 154 | esac 155 | fi 156 | 157 | # Collect all arguments for the java command, stacking in reverse order: 158 | # * args from the command line 159 | # * the main class name 160 | # * -classpath 161 | # * -D...appname settings 162 | # * --module-path (only if needed) 163 | # * DEFAULT_JVM_OPTS, JAVA_OPTS, and GRADLE_OPTS environment variables. 164 | 165 | # For Cygwin or MSYS, switch paths to Windows format before running java 166 | if "$cygwin" || "$msys" ; then 167 | APP_HOME=$( cygpath --path --mixed "$APP_HOME" ) 168 | CLASSPATH=$( cygpath --path --mixed "$CLASSPATH" ) 169 | 170 | JAVACMD=$( cygpath --unix "$JAVACMD" ) 171 | 172 | # Now convert the arguments - kludge to limit ourselves to /bin/sh 173 | for arg do 174 | if 175 | case $arg in #( 176 | -*) false ;; # don't mess with options #( 177 | /?*) t=${arg#/} t=/${t%%/*} # looks like a POSIX filepath 178 | [ -e "$t" ] ;; #( 179 | *) false ;; 180 | esac 181 | then 182 | arg=$( cygpath --path --ignore --mixed "$arg" ) 183 | fi 184 | # Roll the args list around exactly as many times as the number of 185 | # args, so each arg winds up back in the position where it started, but 186 | # possibly modified. 187 | # 188 | # NB: a `for` loop captures its iteration list before it begins, so 189 | # changing the positional parameters here affects neither the number of 190 | # iterations, nor the values presented in `arg`. 191 | shift # remove old arg 192 | set -- "$@" "$arg" # push replacement arg 193 | done 194 | fi 195 | 196 | # Collect all arguments for the java command; 197 | # * $DEFAULT_JVM_OPTS, $JAVA_OPTS, and $GRADLE_OPTS can contain fragments of 198 | # shell script including quotes and variable substitutions, so put them in 199 | # double quotes to make sure that they get re-expanded; and 200 | # * put everything else in single quotes, so that it's not re-expanded. 201 | 202 | set -- \ 203 | "-Dorg.gradle.appname=$APP_BASE_NAME" \ 204 | -classpath "$CLASSPATH" \ 205 | org.gradle.wrapper.GradleWrapperMain \ 206 | "$@" 207 | 208 | # Use "xargs" to parse quoted args. 209 | # 210 | # With -n1 it outputs one arg per line, with the quotes and backslashes removed. 211 | # 212 | # In Bash we could simply go: 213 | # 214 | # readarray ARGS < <( xargs -n1 <<<"$var" ) && 215 | # set -- "${ARGS[@]}" "$@" 216 | # 217 | # but POSIX shell has neither arrays nor command substitution, so instead we 218 | # post-process each arg (as a line of input to sed) to backslash-escape any 219 | # character that might be a shell metacharacter, then use eval to reverse 220 | # that process (while maintaining the separation between arguments), and wrap 221 | # the whole thing up as a single "set" statement. 222 | # 223 | # This will of course break if any of these variables contains a newline or 224 | # an unmatched quote. 225 | # 226 | 227 | eval "set -- $( 228 | printf '%s\n' "$DEFAULT_JVM_OPTS $JAVA_OPTS $GRADLE_OPTS" | 229 | xargs -n1 | 230 | sed ' s~[^-[:alnum:]+,./:=@_]~\\&~g; ' | 231 | tr '\n' ' ' 232 | )" '"$@"' 233 | 234 | exec "$JAVACMD" "$@" 235 | -------------------------------------------------------------------------------- /example/android/gradlew.bat: -------------------------------------------------------------------------------- 1 | @rem 2 | @rem Copyright 2015 the original author or authors. 3 | @rem 4 | @rem Licensed under the Apache License, Version 2.0 (the "License"); 5 | @rem you may not use this file except in compliance with the License. 6 | @rem You may obtain a copy of the License at 7 | @rem 8 | @rem https://www.apache.org/licenses/LICENSE-2.0 9 | @rem 10 | @rem Unless required by applicable law or agreed to in writing, software 11 | @rem distributed under the License is distributed on an "AS IS" BASIS, 12 | @rem WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 13 | @rem See the License for the specific language governing permissions and 14 | @rem limitations under the License. 15 | @rem 16 | 17 | @if "%DEBUG%" == "" @echo off 18 | @rem ########################################################################## 19 | @rem 20 | @rem Gradle startup script for Windows 21 | @rem 22 | @rem ########################################################################## 23 | 24 | @rem Set local scope for the variables with windows NT shell 25 | if "%OS%"=="Windows_NT" setlocal 26 | 27 | set DIRNAME=%~dp0 28 | if "%DIRNAME%" == "" set DIRNAME=. 29 | set APP_BASE_NAME=%~n0 30 | set APP_HOME=%DIRNAME% 31 | 32 | @rem Resolve any "." and ".." in APP_HOME to make it shorter. 33 | for %%i in ("%APP_HOME%") do set APP_HOME=%%~fi 34 | 35 | @rem Add default JVM options here. You can also use JAVA_OPTS and GRADLE_OPTS to pass JVM options to this script. 36 | set DEFAULT_JVM_OPTS="-Xmx64m" "-Xms64m" 37 | 38 | @rem Find java.exe 39 | if defined JAVA_HOME goto findJavaFromJavaHome 40 | 41 | set JAVA_EXE=java.exe 42 | %JAVA_EXE% -version >NUL 2>&1 43 | if "%ERRORLEVEL%" == "0" goto execute 44 | 45 | echo. 46 | echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 47 | echo. 48 | echo Please set the JAVA_HOME variable in your environment to match the 49 | echo location of your Java installation. 50 | 51 | goto fail 52 | 53 | :findJavaFromJavaHome 54 | set JAVA_HOME=%JAVA_HOME:"=% 55 | set JAVA_EXE=%JAVA_HOME%/bin/java.exe 56 | 57 | if exist "%JAVA_EXE%" goto execute 58 | 59 | echo. 60 | echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 61 | echo. 62 | echo Please set the JAVA_HOME variable in your environment to match the 63 | echo location of your Java installation. 64 | 65 | goto fail 66 | 67 | :execute 68 | @rem Setup the command line 69 | 70 | set CLASSPATH=%APP_HOME%\gradle\wrapper\gradle-wrapper.jar 71 | 72 | 73 | @rem Execute Gradle 74 | "%JAVA_EXE%" %DEFAULT_JVM_OPTS% %JAVA_OPTS% %GRADLE_OPTS% "-Dorg.gradle.appname=%APP_BASE_NAME%" -classpath "%CLASSPATH%" org.gradle.wrapper.GradleWrapperMain %* 75 | 76 | :end 77 | @rem End local scope for the variables with windows NT shell 78 | if "%ERRORLEVEL%"=="0" goto mainEnd 79 | 80 | :fail 81 | rem Set variable GRADLE_EXIT_CONSOLE if you need the _script_ return code instead of 82 | rem the _cmd.exe /c_ return code! 83 | if not "" == "%GRADLE_EXIT_CONSOLE%" exit 1 84 | exit /b 1 85 | 86 | :mainEnd 87 | if "%OS%"=="Windows_NT" endlocal 88 | 89 | :omega 90 | -------------------------------------------------------------------------------- /example/android/settings.gradle: -------------------------------------------------------------------------------- 1 | rootProject.name = 'NewArchitecture' 2 | apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings) 3 | include ':app' 4 | includeBuild('../node_modules/react-native-gradle-plugin') 5 | 6 | if (settings.hasProperty("newArchEnabled") && settings.newArchEnabled == "true") { 7 | include(":ReactAndroid") 8 | project(":ReactAndroid").projectDir = file('../node_modules/react-native/ReactAndroid') 9 | } 10 | -------------------------------------------------------------------------------- /example/app.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "NewArchitecture", 3 | "displayName": "NewArchitecture" 4 | } -------------------------------------------------------------------------------- /example/babel.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const pak = require('../package.json'); 3 | 4 | module.exports = { 5 | presets: ['module:metro-react-native-babel-preset'], 6 | plugins: [ 7 | [ 8 | 'module-resolver', 9 | { 10 | extensions: ['.tsx', '.ts', '.js', '.json'], 11 | alias: { 12 | [pak.name]: path.join(__dirname, '..', pak.source), 13 | }, 14 | }, 15 | ], 16 | ], 17 | }; 18 | -------------------------------------------------------------------------------- /example/index.js: -------------------------------------------------------------------------------- 1 | /** 2 | * @format 3 | */ 4 | 5 | import {AppRegistry} from 'react-native'; 6 | import App from './App'; 7 | import {name as appName} from './app.json'; 8 | 9 | AppRegistry.registerComponent(appName, () => App); 10 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture.xcodeproj/project.pbxproj: -------------------------------------------------------------------------------- 1 | // !$*UTF8*$! 2 | { 3 | archiveVersion = 1; 4 | classes = { 5 | }; 6 | objectVersion = 54; 7 | objects = { 8 | 9 | /* Begin PBXBuildFile section */ 10 | 00E356F31AD99517003FC87E /* NewArchitectureTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 00E356F21AD99517003FC87E /* NewArchitectureTests.m */; }; 11 | 0C80B921A6F3F58F76C31292 /* libPods-NewArchitecture.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 5DCACB8F33CDC322A6C60F78 /* libPods-NewArchitecture.a */; }; 12 | 13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB01A68108700A75B9A /* AppDelegate.mm */; }; 13 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 13B07FB51A68108700A75B9A /* Images.xcassets */; }; 14 | 13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; }; 15 | 7699B88040F8A987B510C191 /* libPods-NewArchitecture-NewArchitectureTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 19F6CBCC0A4E27FBF8BF4A61 /* libPods-NewArchitecture-NewArchitectureTests.a */; }; 16 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */; }; 17 | /* End PBXBuildFile section */ 18 | 19 | /* Begin PBXContainerItemProxy section */ 20 | 00E356F41AD99517003FC87E /* PBXContainerItemProxy */ = { 21 | isa = PBXContainerItemProxy; 22 | containerPortal = 83CBB9F71A601CBA00E9B192 /* Project object */; 23 | proxyType = 1; 24 | remoteGlobalIDString = 13B07F861A680F5B00A75B9A; 25 | remoteInfo = NewArchitecture; 26 | }; 27 | /* End PBXContainerItemProxy section */ 28 | 29 | /* Begin PBXFileReference section */ 30 | 00E356EE1AD99517003FC87E /* NewArchitectureTests.xctest */ = {isa = PBXFileReference; explicitFileType = wrapper.cfbundle; includeInIndex = 0; path = NewArchitectureTests.xctest; sourceTree = BUILT_PRODUCTS_DIR; }; 31 | 00E356F11AD99517003FC87E /* Info.plist */ = {isa = PBXFileReference; lastKnownFileType = text.plist.xml; path = Info.plist; sourceTree = ""; }; 32 | 00E356F21AD99517003FC87E /* NewArchitectureTests.m */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.c.objc; path = NewArchitectureTests.m; sourceTree = ""; }; 33 | 13B07F961A680F5B00A75B9A /* NewArchitecture.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = NewArchitecture.app; sourceTree = BUILT_PRODUCTS_DIR; }; 34 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = NewArchitecture/AppDelegate.h; sourceTree = ""; }; 35 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = NewArchitecture/AppDelegate.mm; sourceTree = ""; }; 36 | 13B07FB51A68108700A75B9A /* Images.xcassets */ = {isa = PBXFileReference; lastKnownFileType = folder.assetcatalog; name = Images.xcassets; path = NewArchitecture/Images.xcassets; sourceTree = ""; }; 37 | 13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = NewArchitecture/Info.plist; sourceTree = ""; }; 38 | 13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = NewArchitecture/main.m; sourceTree = ""; }; 39 | 19F6CBCC0A4E27FBF8BF4A61 /* libPods-NewArchitecture-NewArchitectureTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-NewArchitecture-NewArchitectureTests.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 40 | 3B4392A12AC88292D35C810B /* Pods-NewArchitecture.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-NewArchitecture.debug.xcconfig"; path = "Target Support Files/Pods-NewArchitecture/Pods-NewArchitecture.debug.xcconfig"; sourceTree = ""; }; 41 | 5709B34CF0A7D63546082F79 /* Pods-NewArchitecture.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-NewArchitecture.release.xcconfig"; path = "Target Support Files/Pods-NewArchitecture/Pods-NewArchitecture.release.xcconfig"; sourceTree = ""; }; 42 | 5B7EB9410499542E8C5724F5 /* Pods-NewArchitecture-NewArchitectureTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-NewArchitecture-NewArchitectureTests.debug.xcconfig"; path = "Target Support Files/Pods-NewArchitecture-NewArchitectureTests/Pods-NewArchitecture-NewArchitectureTests.debug.xcconfig"; sourceTree = ""; }; 43 | 5DCACB8F33CDC322A6C60F78 /* libPods-NewArchitecture.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-NewArchitecture.a"; sourceTree = BUILT_PRODUCTS_DIR; }; 44 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = NewArchitecture/LaunchScreen.storyboard; sourceTree = ""; }; 45 | 89C6BE57DB24E9ADA2F236DE /* Pods-NewArchitecture-NewArchitectureTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-NewArchitecture-NewArchitectureTests.release.xcconfig"; path = "Target Support Files/Pods-NewArchitecture-NewArchitectureTests/Pods-NewArchitecture-NewArchitectureTests.release.xcconfig"; sourceTree = ""; }; 46 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; name = JavaScriptCore.framework; path = System/Library/Frameworks/JavaScriptCore.framework; sourceTree = SDKROOT; }; 47 | /* End PBXFileReference section */ 48 | 49 | /* Begin PBXFrameworksBuildPhase section */ 50 | 00E356EB1AD99517003FC87E /* Frameworks */ = { 51 | isa = PBXFrameworksBuildPhase; 52 | buildActionMask = 2147483647; 53 | files = ( 54 | 7699B88040F8A987B510C191 /* libPods-NewArchitecture-NewArchitectureTests.a in Frameworks */, 55 | ); 56 | runOnlyForDeploymentPostprocessing = 0; 57 | }; 58 | 13B07F8C1A680F5B00A75B9A /* Frameworks */ = { 59 | isa = PBXFrameworksBuildPhase; 60 | buildActionMask = 2147483647; 61 | files = ( 62 | 0C80B921A6F3F58F76C31292 /* libPods-NewArchitecture.a in Frameworks */, 63 | ); 64 | runOnlyForDeploymentPostprocessing = 0; 65 | }; 66 | /* End PBXFrameworksBuildPhase section */ 67 | 68 | /* Begin PBXGroup section */ 69 | 00E356EF1AD99517003FC87E /* NewArchitectureTests */ = { 70 | isa = PBXGroup; 71 | children = ( 72 | 00E356F21AD99517003FC87E /* NewArchitectureTests.m */, 73 | 00E356F01AD99517003FC87E /* Supporting Files */, 74 | ); 75 | path = NewArchitectureTests; 76 | sourceTree = ""; 77 | }; 78 | 00E356F01AD99517003FC87E /* Supporting Files */ = { 79 | isa = PBXGroup; 80 | children = ( 81 | 00E356F11AD99517003FC87E /* Info.plist */, 82 | ); 83 | name = "Supporting Files"; 84 | sourceTree = ""; 85 | }; 86 | 13B07FAE1A68108700A75B9A /* NewArchitecture */ = { 87 | isa = PBXGroup; 88 | children = ( 89 | 13B07FAF1A68108700A75B9A /* AppDelegate.h */, 90 | 13B07FB01A68108700A75B9A /* AppDelegate.mm */, 91 | 13B07FB51A68108700A75B9A /* Images.xcassets */, 92 | 13B07FB61A68108700A75B9A /* Info.plist */, 93 | 81AB9BB72411601600AC10FF /* LaunchScreen.storyboard */, 94 | 13B07FB71A68108700A75B9A /* main.m */, 95 | ); 96 | name = NewArchitecture; 97 | sourceTree = ""; 98 | }; 99 | 2D16E6871FA4F8E400B85C8A /* Frameworks */ = { 100 | isa = PBXGroup; 101 | children = ( 102 | ED297162215061F000B7C4FE /* JavaScriptCore.framework */, 103 | 5DCACB8F33CDC322A6C60F78 /* libPods-NewArchitecture.a */, 104 | 19F6CBCC0A4E27FBF8BF4A61 /* libPods-NewArchitecture-NewArchitectureTests.a */, 105 | ); 106 | name = Frameworks; 107 | sourceTree = ""; 108 | }; 109 | 832341AE1AAA6A7D00B99B32 /* Libraries */ = { 110 | isa = PBXGroup; 111 | children = ( 112 | ); 113 | name = Libraries; 114 | sourceTree = ""; 115 | }; 116 | 83CBB9F61A601CBA00E9B192 = { 117 | isa = PBXGroup; 118 | children = ( 119 | 13B07FAE1A68108700A75B9A /* NewArchitecture */, 120 | 832341AE1AAA6A7D00B99B32 /* Libraries */, 121 | 00E356EF1AD99517003FC87E /* NewArchitectureTests */, 122 | 83CBBA001A601CBA00E9B192 /* Products */, 123 | 2D16E6871FA4F8E400B85C8A /* Frameworks */, 124 | BBD78D7AC51CEA395F1C20DB /* Pods */, 125 | ); 126 | indentWidth = 2; 127 | sourceTree = ""; 128 | tabWidth = 2; 129 | usesTabs = 0; 130 | }; 131 | 83CBBA001A601CBA00E9B192 /* Products */ = { 132 | isa = PBXGroup; 133 | children = ( 134 | 13B07F961A680F5B00A75B9A /* NewArchitecture.app */, 135 | 00E356EE1AD99517003FC87E /* NewArchitectureTests.xctest */, 136 | ); 137 | name = Products; 138 | sourceTree = ""; 139 | }; 140 | BBD78D7AC51CEA395F1C20DB /* Pods */ = { 141 | isa = PBXGroup; 142 | children = ( 143 | 3B4392A12AC88292D35C810B /* Pods-NewArchitecture.debug.xcconfig */, 144 | 5709B34CF0A7D63546082F79 /* Pods-NewArchitecture.release.xcconfig */, 145 | 5B7EB9410499542E8C5724F5 /* Pods-NewArchitecture-NewArchitectureTests.debug.xcconfig */, 146 | 89C6BE57DB24E9ADA2F236DE /* Pods-NewArchitecture-NewArchitectureTests.release.xcconfig */, 147 | ); 148 | path = Pods; 149 | sourceTree = ""; 150 | }; 151 | /* End PBXGroup section */ 152 | 153 | /* Begin PBXNativeTarget section */ 154 | 00E356ED1AD99517003FC87E /* NewArchitectureTests */ = { 155 | isa = PBXNativeTarget; 156 | buildConfigurationList = 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "NewArchitectureTests" */; 157 | buildPhases = ( 158 | A55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */, 159 | 00E356EA1AD99517003FC87E /* Sources */, 160 | 00E356EB1AD99517003FC87E /* Frameworks */, 161 | 00E356EC1AD99517003FC87E /* Resources */, 162 | C59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */, 163 | F6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */, 164 | ); 165 | buildRules = ( 166 | ); 167 | dependencies = ( 168 | 00E356F51AD99517003FC87E /* PBXTargetDependency */, 169 | ); 170 | name = NewArchitectureTests; 171 | productName = NewArchitectureTests; 172 | productReference = 00E356EE1AD99517003FC87E /* NewArchitectureTests.xctest */; 173 | productType = "com.apple.product-type.bundle.unit-test"; 174 | }; 175 | 13B07F861A680F5B00A75B9A /* NewArchitecture */ = { 176 | isa = PBXNativeTarget; 177 | buildConfigurationList = 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "NewArchitecture" */; 178 | buildPhases = ( 179 | C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */, 180 | FD10A7F022414F080027D42C /* Start Packager */, 181 | 13B07F871A680F5B00A75B9A /* Sources */, 182 | 13B07F8C1A680F5B00A75B9A /* Frameworks */, 183 | 13B07F8E1A680F5B00A75B9A /* Resources */, 184 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */, 185 | 00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */, 186 | E235C05ADACE081382539298 /* [CP] Copy Pods Resources */, 187 | ); 188 | buildRules = ( 189 | ); 190 | dependencies = ( 191 | ); 192 | name = NewArchitecture; 193 | productName = NewArchitecture; 194 | productReference = 13B07F961A680F5B00A75B9A /* NewArchitecture.app */; 195 | productType = "com.apple.product-type.application"; 196 | }; 197 | /* End PBXNativeTarget section */ 198 | 199 | /* Begin PBXProject section */ 200 | 83CBB9F71A601CBA00E9B192 /* Project object */ = { 201 | isa = PBXProject; 202 | attributes = { 203 | LastUpgradeCheck = 1210; 204 | TargetAttributes = { 205 | 00E356ED1AD99517003FC87E = { 206 | CreatedOnToolsVersion = 6.2; 207 | TestTargetID = 13B07F861A680F5B00A75B9A; 208 | }; 209 | 13B07F861A680F5B00A75B9A = { 210 | LastSwiftMigration = 1120; 211 | }; 212 | }; 213 | }; 214 | buildConfigurationList = 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "NewArchitecture" */; 215 | compatibilityVersion = "Xcode 12.0"; 216 | developmentRegion = en; 217 | hasScannedForEncodings = 0; 218 | knownRegions = ( 219 | en, 220 | Base, 221 | ); 222 | mainGroup = 83CBB9F61A601CBA00E9B192; 223 | productRefGroup = 83CBBA001A601CBA00E9B192 /* Products */; 224 | projectDirPath = ""; 225 | projectRoot = ""; 226 | targets = ( 227 | 13B07F861A680F5B00A75B9A /* NewArchitecture */, 228 | 00E356ED1AD99517003FC87E /* NewArchitectureTests */, 229 | ); 230 | }; 231 | /* End PBXProject section */ 232 | 233 | /* Begin PBXResourcesBuildPhase section */ 234 | 00E356EC1AD99517003FC87E /* Resources */ = { 235 | isa = PBXResourcesBuildPhase; 236 | buildActionMask = 2147483647; 237 | files = ( 238 | ); 239 | runOnlyForDeploymentPostprocessing = 0; 240 | }; 241 | 13B07F8E1A680F5B00A75B9A /* Resources */ = { 242 | isa = PBXResourcesBuildPhase; 243 | buildActionMask = 2147483647; 244 | files = ( 245 | 81AB9BB82411601600AC10FF /* LaunchScreen.storyboard in Resources */, 246 | 13B07FBF1A68108700A75B9A /* Images.xcassets in Resources */, 247 | ); 248 | runOnlyForDeploymentPostprocessing = 0; 249 | }; 250 | /* End PBXResourcesBuildPhase section */ 251 | 252 | /* Begin PBXShellScriptBuildPhase section */ 253 | 00DD1BFF1BD5951E006B06BC /* Bundle React Native code and images */ = { 254 | isa = PBXShellScriptBuildPhase; 255 | buildActionMask = 2147483647; 256 | files = ( 257 | ); 258 | inputPaths = ( 259 | ); 260 | name = "Bundle React Native code and images"; 261 | outputPaths = ( 262 | ); 263 | runOnlyForDeploymentPostprocessing = 0; 264 | shellPath = /bin/sh; 265 | shellScript = "set -e\n\nexport NODE_BINARY=node\n../node_modules/react-native/scripts/react-native-xcode.sh\n"; 266 | }; 267 | 00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = { 268 | isa = PBXShellScriptBuildPhase; 269 | buildActionMask = 2147483647; 270 | files = ( 271 | ); 272 | inputFileListPaths = ( 273 | "${PODS_ROOT}/Target Support Files/Pods-NewArchitecture/Pods-NewArchitecture-frameworks-${CONFIGURATION}-input-files.xcfilelist", 274 | ); 275 | name = "[CP] Embed Pods Frameworks"; 276 | outputFileListPaths = ( 277 | "${PODS_ROOT}/Target Support Files/Pods-NewArchitecture/Pods-NewArchitecture-frameworks-${CONFIGURATION}-output-files.xcfilelist", 278 | ); 279 | runOnlyForDeploymentPostprocessing = 0; 280 | shellPath = /bin/sh; 281 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-NewArchitecture/Pods-NewArchitecture-frameworks.sh\"\n"; 282 | showEnvVarsInLog = 0; 283 | }; 284 | A55EABD7B0C7F3A422A6CC61 /* [CP] Check Pods Manifest.lock */ = { 285 | isa = PBXShellScriptBuildPhase; 286 | buildActionMask = 2147483647; 287 | files = ( 288 | ); 289 | inputFileListPaths = ( 290 | ); 291 | inputPaths = ( 292 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 293 | "${PODS_ROOT}/Manifest.lock", 294 | ); 295 | name = "[CP] Check Pods Manifest.lock"; 296 | outputFileListPaths = ( 297 | ); 298 | outputPaths = ( 299 | "$(DERIVED_FILE_DIR)/Pods-NewArchitecture-NewArchitectureTests-checkManifestLockResult.txt", 300 | ); 301 | runOnlyForDeploymentPostprocessing = 0; 302 | shellPath = /bin/sh; 303 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 304 | showEnvVarsInLog = 0; 305 | }; 306 | C38B50BA6285516D6DCD4F65 /* [CP] Check Pods Manifest.lock */ = { 307 | isa = PBXShellScriptBuildPhase; 308 | buildActionMask = 2147483647; 309 | files = ( 310 | ); 311 | inputFileListPaths = ( 312 | ); 313 | inputPaths = ( 314 | "${PODS_PODFILE_DIR_PATH}/Podfile.lock", 315 | "${PODS_ROOT}/Manifest.lock", 316 | ); 317 | name = "[CP] Check Pods Manifest.lock"; 318 | outputFileListPaths = ( 319 | ); 320 | outputPaths = ( 321 | "$(DERIVED_FILE_DIR)/Pods-NewArchitecture-checkManifestLockResult.txt", 322 | ); 323 | runOnlyForDeploymentPostprocessing = 0; 324 | shellPath = /bin/sh; 325 | shellScript = "diff \"${PODS_PODFILE_DIR_PATH}/Podfile.lock\" \"${PODS_ROOT}/Manifest.lock\" > /dev/null\nif [ $? != 0 ] ; then\n # print error to STDERR\n echo \"error: The sandbox is not in sync with the Podfile.lock. Run 'pod install' or update your CocoaPods installation.\" >&2\n exit 1\nfi\n# This output is used by Xcode 'outputs' to avoid re-running this script phase.\necho \"SUCCESS\" > \"${SCRIPT_OUTPUT_FILE_0}\"\n"; 326 | showEnvVarsInLog = 0; 327 | }; 328 | C59DA0FBD6956966B86A3779 /* [CP] Embed Pods Frameworks */ = { 329 | isa = PBXShellScriptBuildPhase; 330 | buildActionMask = 2147483647; 331 | files = ( 332 | ); 333 | inputFileListPaths = ( 334 | "${PODS_ROOT}/Target Support Files/Pods-NewArchitecture-NewArchitectureTests/Pods-NewArchitecture-NewArchitectureTests-frameworks-${CONFIGURATION}-input-files.xcfilelist", 335 | ); 336 | name = "[CP] Embed Pods Frameworks"; 337 | outputFileListPaths = ( 338 | "${PODS_ROOT}/Target Support Files/Pods-NewArchitecture-NewArchitectureTests/Pods-NewArchitecture-NewArchitectureTests-frameworks-${CONFIGURATION}-output-files.xcfilelist", 339 | ); 340 | runOnlyForDeploymentPostprocessing = 0; 341 | shellPath = /bin/sh; 342 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-NewArchitecture-NewArchitectureTests/Pods-NewArchitecture-NewArchitectureTests-frameworks.sh\"\n"; 343 | showEnvVarsInLog = 0; 344 | }; 345 | E235C05ADACE081382539298 /* [CP] Copy Pods Resources */ = { 346 | isa = PBXShellScriptBuildPhase; 347 | buildActionMask = 2147483647; 348 | files = ( 349 | ); 350 | inputFileListPaths = ( 351 | "${PODS_ROOT}/Target Support Files/Pods-NewArchitecture/Pods-NewArchitecture-resources-${CONFIGURATION}-input-files.xcfilelist", 352 | ); 353 | name = "[CP] Copy Pods Resources"; 354 | outputFileListPaths = ( 355 | "${PODS_ROOT}/Target Support Files/Pods-NewArchitecture/Pods-NewArchitecture-resources-${CONFIGURATION}-output-files.xcfilelist", 356 | ); 357 | runOnlyForDeploymentPostprocessing = 0; 358 | shellPath = /bin/sh; 359 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-NewArchitecture/Pods-NewArchitecture-resources.sh\"\n"; 360 | showEnvVarsInLog = 0; 361 | }; 362 | F6A41C54EA430FDDC6A6ED99 /* [CP] Copy Pods Resources */ = { 363 | isa = PBXShellScriptBuildPhase; 364 | buildActionMask = 2147483647; 365 | files = ( 366 | ); 367 | inputFileListPaths = ( 368 | "${PODS_ROOT}/Target Support Files/Pods-NewArchitecture-NewArchitectureTests/Pods-NewArchitecture-NewArchitectureTests-resources-${CONFIGURATION}-input-files.xcfilelist", 369 | ); 370 | name = "[CP] Copy Pods Resources"; 371 | outputFileListPaths = ( 372 | "${PODS_ROOT}/Target Support Files/Pods-NewArchitecture-NewArchitectureTests/Pods-NewArchitecture-NewArchitectureTests-resources-${CONFIGURATION}-output-files.xcfilelist", 373 | ); 374 | runOnlyForDeploymentPostprocessing = 0; 375 | shellPath = /bin/sh; 376 | shellScript = "\"${PODS_ROOT}/Target Support Files/Pods-NewArchitecture-NewArchitectureTests/Pods-NewArchitecture-NewArchitectureTests-resources.sh\"\n"; 377 | showEnvVarsInLog = 0; 378 | }; 379 | FD10A7F022414F080027D42C /* Start Packager */ = { 380 | isa = PBXShellScriptBuildPhase; 381 | buildActionMask = 2147483647; 382 | files = ( 383 | ); 384 | inputFileListPaths = ( 385 | ); 386 | inputPaths = ( 387 | ); 388 | name = "Start Packager"; 389 | outputFileListPaths = ( 390 | ); 391 | outputPaths = ( 392 | ); 393 | runOnlyForDeploymentPostprocessing = 0; 394 | shellPath = /bin/sh; 395 | shellScript = "export RCT_METRO_PORT=\"${RCT_METRO_PORT:=8081}\"\necho \"export RCT_METRO_PORT=${RCT_METRO_PORT}\" > \"${SRCROOT}/../node_modules/react-native/scripts/.packager.env\"\nif [ -z \"${RCT_NO_LAUNCH_PACKAGER+xxx}\" ] ; then\n if nc -w 5 -z localhost ${RCT_METRO_PORT} ; then\n if ! curl -s \"http://localhost:${RCT_METRO_PORT}/status\" | grep -q \"packager-status:running\" ; then\n echo \"Port ${RCT_METRO_PORT} already in use, packager is either not running or not running correctly\"\n exit 2\n fi\n else\n open \"$SRCROOT/../node_modules/react-native/scripts/launchPackager.command\" || echo \"Can't start packager automatically\"\n fi\nfi\n"; 396 | showEnvVarsInLog = 0; 397 | }; 398 | /* End PBXShellScriptBuildPhase section */ 399 | 400 | /* Begin PBXSourcesBuildPhase section */ 401 | 00E356EA1AD99517003FC87E /* Sources */ = { 402 | isa = PBXSourcesBuildPhase; 403 | buildActionMask = 2147483647; 404 | files = ( 405 | 00E356F31AD99517003FC87E /* NewArchitectureTests.m in Sources */, 406 | ); 407 | runOnlyForDeploymentPostprocessing = 0; 408 | }; 409 | 13B07F871A680F5B00A75B9A /* Sources */ = { 410 | isa = PBXSourcesBuildPhase; 411 | buildActionMask = 2147483647; 412 | files = ( 413 | 13B07FBC1A68108700A75B9A /* AppDelegate.mm in Sources */, 414 | 13B07FC11A68108700A75B9A /* main.m in Sources */, 415 | ); 416 | runOnlyForDeploymentPostprocessing = 0; 417 | }; 418 | /* End PBXSourcesBuildPhase section */ 419 | 420 | /* Begin PBXTargetDependency section */ 421 | 00E356F51AD99517003FC87E /* PBXTargetDependency */ = { 422 | isa = PBXTargetDependency; 423 | target = 13B07F861A680F5B00A75B9A /* NewArchitecture */; 424 | targetProxy = 00E356F41AD99517003FC87E /* PBXContainerItemProxy */; 425 | }; 426 | /* End PBXTargetDependency section */ 427 | 428 | /* Begin XCBuildConfiguration section */ 429 | 00E356F61AD99517003FC87E /* Debug */ = { 430 | isa = XCBuildConfiguration; 431 | baseConfigurationReference = 5B7EB9410499542E8C5724F5 /* Pods-NewArchitecture-NewArchitectureTests.debug.xcconfig */; 432 | buildSettings = { 433 | BUNDLE_LOADER = "$(TEST_HOST)"; 434 | GCC_PREPROCESSOR_DEFINITIONS = ( 435 | "DEBUG=1", 436 | "$(inherited)", 437 | ); 438 | INFOPLIST_FILE = NewArchitectureTests/Info.plist; 439 | IPHONEOS_DEPLOYMENT_TARGET = 11.0; 440 | LD_RUNPATH_SEARCH_PATHS = ( 441 | "$(inherited)", 442 | "@executable_path/Frameworks", 443 | "@loader_path/Frameworks", 444 | ); 445 | OTHER_LDFLAGS = ( 446 | "-ObjC", 447 | "-lc++", 448 | "$(inherited)", 449 | ); 450 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 451 | PRODUCT_NAME = "$(TARGET_NAME)"; 452 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/NewArchitecture.app/NewArchitecture"; 453 | }; 454 | name = Debug; 455 | }; 456 | 00E356F71AD99517003FC87E /* Release */ = { 457 | isa = XCBuildConfiguration; 458 | baseConfigurationReference = 89C6BE57DB24E9ADA2F236DE /* Pods-NewArchitecture-NewArchitectureTests.release.xcconfig */; 459 | buildSettings = { 460 | BUNDLE_LOADER = "$(TEST_HOST)"; 461 | COPY_PHASE_STRIP = NO; 462 | INFOPLIST_FILE = NewArchitectureTests/Info.plist; 463 | IPHONEOS_DEPLOYMENT_TARGET = 11.0; 464 | LD_RUNPATH_SEARCH_PATHS = ( 465 | "$(inherited)", 466 | "@executable_path/Frameworks", 467 | "@loader_path/Frameworks", 468 | ); 469 | OTHER_LDFLAGS = ( 470 | "-ObjC", 471 | "-lc++", 472 | "$(inherited)", 473 | ); 474 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 475 | PRODUCT_NAME = "$(TARGET_NAME)"; 476 | TEST_HOST = "$(BUILT_PRODUCTS_DIR)/NewArchitecture.app/NewArchitecture"; 477 | }; 478 | name = Release; 479 | }; 480 | 13B07F941A680F5B00A75B9A /* Debug */ = { 481 | isa = XCBuildConfiguration; 482 | baseConfigurationReference = 3B4392A12AC88292D35C810B /* Pods-NewArchitecture.debug.xcconfig */; 483 | buildSettings = { 484 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 485 | CLANG_ENABLE_MODULES = YES; 486 | CURRENT_PROJECT_VERSION = 1; 487 | ENABLE_BITCODE = NO; 488 | INFOPLIST_FILE = NewArchitecture/Info.plist; 489 | LD_RUNPATH_SEARCH_PATHS = ( 490 | "$(inherited)", 491 | "@executable_path/Frameworks", 492 | ); 493 | OTHER_LDFLAGS = ( 494 | "$(inherited)", 495 | "-ObjC", 496 | "-lc++", 497 | ); 498 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 499 | PRODUCT_NAME = NewArchitecture; 500 | SWIFT_OPTIMIZATION_LEVEL = "-Onone"; 501 | SWIFT_VERSION = 5.0; 502 | VERSIONING_SYSTEM = "apple-generic"; 503 | }; 504 | name = Debug; 505 | }; 506 | 13B07F951A680F5B00A75B9A /* Release */ = { 507 | isa = XCBuildConfiguration; 508 | baseConfigurationReference = 5709B34CF0A7D63546082F79 /* Pods-NewArchitecture.release.xcconfig */; 509 | buildSettings = { 510 | ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon; 511 | CLANG_ENABLE_MODULES = YES; 512 | CURRENT_PROJECT_VERSION = 1; 513 | INFOPLIST_FILE = NewArchitecture/Info.plist; 514 | LD_RUNPATH_SEARCH_PATHS = ( 515 | "$(inherited)", 516 | "@executable_path/Frameworks", 517 | ); 518 | OTHER_LDFLAGS = ( 519 | "$(inherited)", 520 | "-ObjC", 521 | "-lc++", 522 | ); 523 | PRODUCT_BUNDLE_IDENTIFIER = "org.reactjs.native.example.$(PRODUCT_NAME:rfc1034identifier)"; 524 | PRODUCT_NAME = NewArchitecture; 525 | SWIFT_VERSION = 5.0; 526 | VERSIONING_SYSTEM = "apple-generic"; 527 | }; 528 | name = Release; 529 | }; 530 | 83CBBA201A601CBA00E9B192 /* Debug */ = { 531 | isa = XCBuildConfiguration; 532 | buildSettings = { 533 | ALWAYS_SEARCH_USER_PATHS = NO; 534 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 535 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 536 | CLANG_CXX_LIBRARY = "libc++"; 537 | CLANG_ENABLE_MODULES = YES; 538 | CLANG_ENABLE_OBJC_ARC = YES; 539 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 540 | CLANG_WARN_BOOL_CONVERSION = YES; 541 | CLANG_WARN_COMMA = YES; 542 | CLANG_WARN_CONSTANT_CONVERSION = YES; 543 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 544 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 545 | CLANG_WARN_EMPTY_BODY = YES; 546 | CLANG_WARN_ENUM_CONVERSION = YES; 547 | CLANG_WARN_INFINITE_RECURSION = YES; 548 | CLANG_WARN_INT_CONVERSION = YES; 549 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 550 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 551 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 552 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 553 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 554 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 555 | CLANG_WARN_STRICT_PROTOTYPES = YES; 556 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 557 | CLANG_WARN_UNREACHABLE_CODE = YES; 558 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 559 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 560 | COPY_PHASE_STRIP = NO; 561 | ENABLE_STRICT_OBJC_MSGSEND = YES; 562 | ENABLE_TESTABILITY = YES; 563 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386; 564 | GCC_C_LANGUAGE_STANDARD = gnu99; 565 | GCC_DYNAMIC_NO_PIC = NO; 566 | GCC_NO_COMMON_BLOCKS = YES; 567 | GCC_OPTIMIZATION_LEVEL = 0; 568 | GCC_PREPROCESSOR_DEFINITIONS = ( 569 | "DEBUG=1", 570 | "$(inherited)", 571 | ); 572 | GCC_SYMBOLS_PRIVATE_EXTERN = NO; 573 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 574 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 575 | GCC_WARN_UNDECLARED_SELECTOR = YES; 576 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 577 | GCC_WARN_UNUSED_FUNCTION = YES; 578 | GCC_WARN_UNUSED_VARIABLE = YES; 579 | IPHONEOS_DEPLOYMENT_TARGET = 11.0; 580 | LD_RUNPATH_SEARCH_PATHS = ( 581 | /usr/lib/swift, 582 | "$(inherited)", 583 | ); 584 | LIBRARY_SEARCH_PATHS = ( 585 | "\"$(SDKROOT)/usr/lib/swift\"", 586 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 587 | "\"$(inherited)\"", 588 | ); 589 | MTL_ENABLE_DEBUG_INFO = YES; 590 | ONLY_ACTIVE_ARCH = YES; 591 | OTHER_CPLUSPLUSFLAGS = ( 592 | "$(OTHER_CFLAGS)", 593 | "-DFOLLY_NO_CONFIG", 594 | "-DFOLLY_MOBILE=1", 595 | "-DFOLLY_USE_LIBCPP=1", 596 | ); 597 | SDKROOT = iphoneos; 598 | }; 599 | name = Debug; 600 | }; 601 | 83CBBA211A601CBA00E9B192 /* Release */ = { 602 | isa = XCBuildConfiguration; 603 | buildSettings = { 604 | ALWAYS_SEARCH_USER_PATHS = NO; 605 | CLANG_ANALYZER_LOCALIZABILITY_NONLOCALIZED = YES; 606 | CLANG_CXX_LANGUAGE_STANDARD = "c++17"; 607 | CLANG_CXX_LIBRARY = "libc++"; 608 | CLANG_ENABLE_MODULES = YES; 609 | CLANG_ENABLE_OBJC_ARC = YES; 610 | CLANG_WARN_BLOCK_CAPTURE_AUTORELEASING = YES; 611 | CLANG_WARN_BOOL_CONVERSION = YES; 612 | CLANG_WARN_COMMA = YES; 613 | CLANG_WARN_CONSTANT_CONVERSION = YES; 614 | CLANG_WARN_DEPRECATED_OBJC_IMPLEMENTATIONS = YES; 615 | CLANG_WARN_DIRECT_OBJC_ISA_USAGE = YES_ERROR; 616 | CLANG_WARN_EMPTY_BODY = YES; 617 | CLANG_WARN_ENUM_CONVERSION = YES; 618 | CLANG_WARN_INFINITE_RECURSION = YES; 619 | CLANG_WARN_INT_CONVERSION = YES; 620 | CLANG_WARN_NON_LITERAL_NULL_CONVERSION = YES; 621 | CLANG_WARN_OBJC_IMPLICIT_RETAIN_SELF = YES; 622 | CLANG_WARN_OBJC_LITERAL_CONVERSION = YES; 623 | CLANG_WARN_OBJC_ROOT_CLASS = YES_ERROR; 624 | CLANG_WARN_QUOTED_INCLUDE_IN_FRAMEWORK_HEADER = YES; 625 | CLANG_WARN_RANGE_LOOP_ANALYSIS = YES; 626 | CLANG_WARN_STRICT_PROTOTYPES = YES; 627 | CLANG_WARN_SUSPICIOUS_MOVE = YES; 628 | CLANG_WARN_UNREACHABLE_CODE = YES; 629 | CLANG_WARN__DUPLICATE_METHOD_MATCH = YES; 630 | "CODE_SIGN_IDENTITY[sdk=iphoneos*]" = "iPhone Developer"; 631 | COPY_PHASE_STRIP = YES; 632 | ENABLE_NS_ASSERTIONS = NO; 633 | ENABLE_STRICT_OBJC_MSGSEND = YES; 634 | "EXCLUDED_ARCHS[sdk=iphonesimulator*]" = i386; 635 | GCC_C_LANGUAGE_STANDARD = gnu99; 636 | GCC_NO_COMMON_BLOCKS = YES; 637 | GCC_WARN_64_TO_32_BIT_CONVERSION = YES; 638 | GCC_WARN_ABOUT_RETURN_TYPE = YES_ERROR; 639 | GCC_WARN_UNDECLARED_SELECTOR = YES; 640 | GCC_WARN_UNINITIALIZED_AUTOS = YES_AGGRESSIVE; 641 | GCC_WARN_UNUSED_FUNCTION = YES; 642 | GCC_WARN_UNUSED_VARIABLE = YES; 643 | IPHONEOS_DEPLOYMENT_TARGET = 11.0; 644 | LD_RUNPATH_SEARCH_PATHS = ( 645 | /usr/lib/swift, 646 | "$(inherited)", 647 | ); 648 | LIBRARY_SEARCH_PATHS = ( 649 | "\"$(SDKROOT)/usr/lib/swift\"", 650 | "\"$(TOOLCHAIN_DIR)/usr/lib/swift/$(PLATFORM_NAME)\"", 651 | "\"$(inherited)\"", 652 | ); 653 | MTL_ENABLE_DEBUG_INFO = NO; 654 | OTHER_CPLUSPLUSFLAGS = ( 655 | "$(OTHER_CFLAGS)", 656 | "-DFOLLY_NO_CONFIG", 657 | "-DFOLLY_MOBILE=1", 658 | "-DFOLLY_USE_LIBCPP=1", 659 | ); 660 | SDKROOT = iphoneos; 661 | VALIDATE_PRODUCT = YES; 662 | }; 663 | name = Release; 664 | }; 665 | /* End XCBuildConfiguration section */ 666 | 667 | /* Begin XCConfigurationList section */ 668 | 00E357021AD99517003FC87E /* Build configuration list for PBXNativeTarget "NewArchitectureTests" */ = { 669 | isa = XCConfigurationList; 670 | buildConfigurations = ( 671 | 00E356F61AD99517003FC87E /* Debug */, 672 | 00E356F71AD99517003FC87E /* Release */, 673 | ); 674 | defaultConfigurationIsVisible = 0; 675 | defaultConfigurationName = Release; 676 | }; 677 | 13B07F931A680F5B00A75B9A /* Build configuration list for PBXNativeTarget "NewArchitecture" */ = { 678 | isa = XCConfigurationList; 679 | buildConfigurations = ( 680 | 13B07F941A680F5B00A75B9A /* Debug */, 681 | 13B07F951A680F5B00A75B9A /* Release */, 682 | ); 683 | defaultConfigurationIsVisible = 0; 684 | defaultConfigurationName = Release; 685 | }; 686 | 83CBB9FA1A601CBA00E9B192 /* Build configuration list for PBXProject "NewArchitecture" */ = { 687 | isa = XCConfigurationList; 688 | buildConfigurations = ( 689 | 83CBBA201A601CBA00E9B192 /* Debug */, 690 | 83CBBA211A601CBA00E9B192 /* Release */, 691 | ); 692 | defaultConfigurationIsVisible = 0; 693 | defaultConfigurationName = Release; 694 | }; 695 | /* End XCConfigurationList section */ 696 | }; 697 | rootObject = 83CBB9F71A601CBA00E9B192 /* Project object */; 698 | } 699 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture.xcworkspace/contents.xcworkspacedata: -------------------------------------------------------------------------------- 1 | 2 | 4 | 6 | 7 | 9 | 10 | 11 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture/AppDelegate.h: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | @interface AppDelegate : UIResponder 5 | 6 | @property (nonatomic, strong) UIWindow *window; 7 | 8 | @end 9 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture/AppDelegate.mm: -------------------------------------------------------------------------------- 1 | #import "AppDelegate.h" 2 | 3 | #import 4 | #import 5 | #import 6 | 7 | #import 8 | 9 | #if RCT_NEW_ARCH_ENABLED 10 | #import 11 | #import 12 | #import 13 | #import 14 | #import 15 | #import 16 | 17 | #import 18 | 19 | @interface AppDelegate () { 20 | RCTTurboModuleManager *_turboModuleManager; 21 | RCTSurfacePresenterBridgeAdapter *_bridgeAdapter; 22 | std::shared_ptr _reactNativeConfig; 23 | facebook::react::ContextContainer::Shared _contextContainer; 24 | } 25 | @end 26 | #endif 27 | 28 | @implementation AppDelegate 29 | 30 | - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions 31 | { 32 | RCTAppSetupPrepareApp(application); 33 | 34 | RCTBridge *bridge = [[RCTBridge alloc] initWithDelegate:self launchOptions:launchOptions]; 35 | 36 | #if RCT_NEW_ARCH_ENABLED 37 | _contextContainer = std::make_shared(); 38 | _reactNativeConfig = std::make_shared(); 39 | _contextContainer->insert("ReactNativeConfig", _reactNativeConfig); 40 | _bridgeAdapter = [[RCTSurfacePresenterBridgeAdapter alloc] initWithBridge:bridge contextContainer:_contextContainer]; 41 | bridge.surfacePresenter = _bridgeAdapter.surfacePresenter; 42 | #endif 43 | 44 | UIView *rootView = RCTAppSetupDefaultRootView(bridge, @"NewArchitecture", nil); 45 | 46 | if (@available(iOS 13.0, *)) { 47 | rootView.backgroundColor = [UIColor systemBackgroundColor]; 48 | } else { 49 | rootView.backgroundColor = [UIColor whiteColor]; 50 | } 51 | 52 | self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds]; 53 | UIViewController *rootViewController = [UIViewController new]; 54 | rootViewController.view = rootView; 55 | self.window.rootViewController = rootViewController; 56 | [self.window makeKeyAndVisible]; 57 | return YES; 58 | } 59 | 60 | - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge 61 | { 62 | #if DEBUG 63 | return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"]; 64 | #else 65 | return [[NSBundle mainBundle] URLForResource:@"main" withExtension:@"jsbundle"]; 66 | #endif 67 | } 68 | 69 | #if RCT_NEW_ARCH_ENABLED 70 | 71 | #pragma mark - RCTCxxBridgeDelegate 72 | 73 | - (std::unique_ptr)jsExecutorFactoryForBridge:(RCTBridge *)bridge 74 | { 75 | _turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge 76 | delegate:self 77 | jsInvoker:bridge.jsCallInvoker]; 78 | return RCTAppSetupDefaultJsExecutorFactory(bridge, _turboModuleManager); 79 | } 80 | 81 | #pragma mark RCTTurboModuleManagerDelegate 82 | 83 | - (Class)getModuleClassFromName:(const char *)name 84 | { 85 | return RCTCoreModulesClassProvider(name); 86 | } 87 | 88 | - (std::shared_ptr)getTurboModule:(const std::string &)name 89 | jsInvoker:(std::shared_ptr)jsInvoker 90 | { 91 | return nullptr; 92 | } 93 | 94 | - (std::shared_ptr)getTurboModule:(const std::string &)name 95 | initParams: 96 | (const facebook::react::ObjCTurboModule::InitParams &)params 97 | { 98 | return nullptr; 99 | } 100 | 101 | - (id)getModuleInstanceFromClass:(Class)moduleClass 102 | { 103 | return RCTAppSetupDefaultModuleFromClass(moduleClass); 104 | } 105 | 106 | #endif 107 | 108 | @end 109 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture/Images.xcassets/AppIcon.appiconset/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "images" : [ 3 | { 4 | "idiom" : "iphone", 5 | "scale" : "2x", 6 | "size" : "20x20" 7 | }, 8 | { 9 | "idiom" : "iphone", 10 | "scale" : "3x", 11 | "size" : "20x20" 12 | }, 13 | { 14 | "idiom" : "iphone", 15 | "scale" : "2x", 16 | "size" : "29x29" 17 | }, 18 | { 19 | "idiom" : "iphone", 20 | "scale" : "3x", 21 | "size" : "29x29" 22 | }, 23 | { 24 | "idiom" : "iphone", 25 | "scale" : "2x", 26 | "size" : "40x40" 27 | }, 28 | { 29 | "idiom" : "iphone", 30 | "scale" : "3x", 31 | "size" : "40x40" 32 | }, 33 | { 34 | "idiom" : "iphone", 35 | "scale" : "2x", 36 | "size" : "60x60" 37 | }, 38 | { 39 | "idiom" : "iphone", 40 | "scale" : "3x", 41 | "size" : "60x60" 42 | }, 43 | { 44 | "idiom" : "ios-marketing", 45 | "scale" : "1x", 46 | "size" : "1024x1024" 47 | } 48 | ], 49 | "info" : { 50 | "author" : "xcode", 51 | "version" : 1 52 | } 53 | } 54 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture/Images.xcassets/Contents.json: -------------------------------------------------------------------------------- 1 | { 2 | "info" : { 3 | "version" : 1, 4 | "author" : "xcode" 5 | } 6 | } 7 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | UIAppFonts 6 | 7 | FontAwesome.ttf 8 | 9 | CFBundleDevelopmentRegion 10 | en 11 | CFBundleDisplayName 12 | NewArchitecture 13 | CFBundleExecutable 14 | $(EXECUTABLE_NAME) 15 | CFBundleIdentifier 16 | $(PRODUCT_BUNDLE_IDENTIFIER) 17 | CFBundleInfoDictionaryVersion 18 | 6.0 19 | CFBundleName 20 | $(PRODUCT_NAME) 21 | CFBundlePackageType 22 | APPL 23 | CFBundleShortVersionString 24 | 1.0 25 | CFBundleSignature 26 | ???? 27 | CFBundleVersion 28 | 1 29 | LSRequiresIPhoneOS 30 | 31 | NSAppTransportSecurity 32 | 33 | NSExceptionDomains 34 | 35 | localhost 36 | 37 | NSExceptionAllowsInsecureHTTPLoads 38 | 39 | 40 | 41 | 42 | NSLocationWhenInUseUsageDescription 43 | 44 | UILaunchStoryboardName 45 | LaunchScreen 46 | UIRequiredDeviceCapabilities 47 | 48 | armv7 49 | 50 | UISupportedInterfaceOrientations 51 | 52 | UIInterfaceOrientationPortrait 53 | UIInterfaceOrientationLandscapeLeft 54 | UIInterfaceOrientationLandscapeRight 55 | 56 | UIViewControllerBasedStatusBarAppearance 57 | 58 | 59 | 60 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture/LaunchScreen.storyboard: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | 19 | 24 | 29 | 30 | 31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | 39 | 40 | 41 | 42 | 43 | 44 | 45 | 46 | 47 | 48 | -------------------------------------------------------------------------------- /example/ios/NewArchitecture/main.m: -------------------------------------------------------------------------------- 1 | #import 2 | 3 | #import "AppDelegate.h" 4 | 5 | int main(int argc, char *argv[]) 6 | { 7 | @autoreleasepool { 8 | return UIApplicationMain(argc, argv, nil, NSStringFromClass([AppDelegate class])); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /example/ios/NewArchitectureTests/Info.plist: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | CFBundleDevelopmentRegion 6 | en 7 | CFBundleExecutable 8 | $(EXECUTABLE_NAME) 9 | CFBundleIdentifier 10 | $(PRODUCT_BUNDLE_IDENTIFIER) 11 | CFBundleInfoDictionaryVersion 12 | 6.0 13 | CFBundleName 14 | $(PRODUCT_NAME) 15 | CFBundlePackageType 16 | BNDL 17 | CFBundleShortVersionString 18 | 1.0 19 | CFBundleSignature 20 | ???? 21 | CFBundleVersion 22 | 1 23 | 24 | 25 | -------------------------------------------------------------------------------- /example/ios/NewArchitectureTests/NewArchitectureTests.m: -------------------------------------------------------------------------------- 1 | #import 2 | #import 3 | 4 | #import 5 | #import 6 | 7 | #define TIMEOUT_SECONDS 600 8 | #define TEXT_TO_LOOK_FOR @"Welcome to React" 9 | 10 | @interface NewArchitectureTests : XCTestCase 11 | 12 | @end 13 | 14 | @implementation NewArchitectureTests 15 | 16 | - (BOOL)findSubviewInView:(UIView *)view matching:(BOOL (^)(UIView *view))test 17 | { 18 | if (test(view)) { 19 | return YES; 20 | } 21 | for (UIView *subview in [view subviews]) { 22 | if ([self findSubviewInView:subview matching:test]) { 23 | return YES; 24 | } 25 | } 26 | return NO; 27 | } 28 | 29 | - (void)testRendersWelcomeScreen 30 | { 31 | UIViewController *vc = [[[RCTSharedApplication() delegate] window] rootViewController]; 32 | NSDate *date = [NSDate dateWithTimeIntervalSinceNow:TIMEOUT_SECONDS]; 33 | BOOL foundElement = NO; 34 | 35 | __block NSString *redboxError = nil; 36 | #ifdef DEBUG 37 | RCTSetLogFunction( 38 | ^(RCTLogLevel level, RCTLogSource source, NSString *fileName, NSNumber *lineNumber, NSString *message) { 39 | if (level >= RCTLogLevelError) { 40 | redboxError = message; 41 | } 42 | }); 43 | #endif 44 | 45 | while ([date timeIntervalSinceNow] > 0 && !foundElement && !redboxError) { 46 | [[NSRunLoop mainRunLoop] runMode:NSDefaultRunLoopMode beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 47 | [[NSRunLoop mainRunLoop] runMode:NSRunLoopCommonModes beforeDate:[NSDate dateWithTimeIntervalSinceNow:0.1]]; 48 | 49 | foundElement = [self findSubviewInView:vc.view 50 | matching:^BOOL(UIView *view) { 51 | if ([view.accessibilityLabel isEqualToString:TEXT_TO_LOOK_FOR]) { 52 | return YES; 53 | } 54 | return NO; 55 | }]; 56 | } 57 | 58 | #ifdef DEBUG 59 | RCTSetLogFunction(RCTDefaultLogFunction); 60 | #endif 61 | 62 | XCTAssertNil(redboxError, @"RedBox error: %@", redboxError); 63 | XCTAssertTrue(foundElement, @"Couldn't find element with text '%@' in %d seconds", TEXT_TO_LOOK_FOR, TIMEOUT_SECONDS); 64 | } 65 | 66 | @end 67 | -------------------------------------------------------------------------------- /example/ios/Podfile: -------------------------------------------------------------------------------- 1 | require_relative '../node_modules/react-native/scripts/react_native_pods' 2 | require_relative '../node_modules/@react-native-community/cli-platform-ios/native_modules' 3 | 4 | platform :ios, '11.0' 5 | install! 'cocoapods', :deterministic_uuids => false 6 | 7 | target 'NewArchitecture' do 8 | config = use_native_modules! 9 | 10 | # Flags change depending on the env values. 11 | flags = get_default_flags() 12 | 13 | use_react_native!( 14 | :path => config[:reactNativePath], 15 | # to enable hermes on iOS, change `false` to `true` and then install pods 16 | :hermes_enabled => true, 17 | :fabric_enabled => flags[:fabric_enabled], 18 | # An absolute path to your application root. 19 | :app_path => "#{Pod::Config.instance.installation_root}/.." 20 | ) 21 | 22 | pod 'react-native-rlottie', :path => '../..' 23 | 24 | target 'NewArchitectureTests' do 25 | inherit! :complete 26 | # Pods for testing 27 | end 28 | 29 | # Enables Flipper. 30 | # 31 | # Note that if you have use_frameworks! enabled, Flipper will not work and 32 | # you should disable the next line. 33 | # use_flipper!() 34 | 35 | post_install do |installer| 36 | react_native_post_install(installer) 37 | __apply_Xcode_12_5_M1_post_install_workaround(installer) 38 | end 39 | end 40 | -------------------------------------------------------------------------------- /example/metro.config.js: -------------------------------------------------------------------------------- 1 | const path = require('path'); 2 | const blacklist = require('metro-config/src/defaults/exclusionList'); 3 | const escape = require('escape-string-regexp'); 4 | const pak = require('../package.json'); 5 | 6 | const root = path.resolve(__dirname, '..'); 7 | 8 | const modules = Object.keys({ 9 | ...pak.peerDependencies, 10 | }); 11 | 12 | module.exports = { 13 | projectRoot: __dirname, 14 | watchFolders: [root], 15 | 16 | // We need to make sure that only one version is loaded for peerDependencies 17 | // So we blacklist them at the root, and alias them to the versions in example's node_modules 18 | resolver: { 19 | blacklistRE: blacklist( 20 | modules.map( 21 | m => new RegExp(`^${escape(path.join(root, 'node_modules', m))}\\/.*$`), 22 | ), 23 | ), 24 | 25 | extraNodeModules: modules.reduce((acc, name) => { 26 | acc[name] = path.join(__dirname, 'node_modules', name); 27 | return acc; 28 | }, {}), 29 | }, 30 | 31 | transformer: { 32 | getTransformOptions: async () => ({ 33 | transform: { 34 | experimentalImportSupport: true, 35 | inlineRequires: true, 36 | }, 37 | }), 38 | }, 39 | }; 40 | -------------------------------------------------------------------------------- /example/package.json: -------------------------------------------------------------------------------- 1 | { 2 | "name": "newarchitecture", 3 | "version": "0.0.1", 4 | "private": true, 5 | "scripts": { 6 | "android": "react-native run-android", 7 | "ios": "react-native run-ios", 8 | "start": "react-native start", 9 | "test": "jest", 10 | "lint": "eslint . --ext .js,.jsx,.ts,.tsx" 11 | }, 12 | "dependencies": { 13 | "@react-navigation/native": "^6.0.10", 14 | "@react-navigation/native-stack": "^6.6.2", 15 | "lottie-react-native": "^5.1.3", 16 | "react": "17.0.2", 17 | "react-native": "0.68.2", 18 | "react-native-performance-stats": "^0.2.3", 19 | "react-native-rlottie": "link:../", 20 | "react-native-safe-area-context": "^4.2.5", 21 | "react-native-screens": "^3.13.1", 22 | "react-native-vector-icons": "^9.1.0" 23 | }, 24 | "devDependencies": { 25 | "@babel/core": "^7.12.9", 26 | "@babel/runtime": "^7.12.5", 27 | "@react-native-community/eslint-config": "^2.0.0", 28 | "@types/jest": "^26.0.23", 29 | "@types/react-native": "^0.67.8", 30 | "@types/react-native-vector-icons": "^6.4.10", 31 | "@types/react-test-renderer": "^17.0.1", 32 | "@typescript-eslint/eslint-plugin": "^5.17.0", 33 | "@typescript-eslint/parser": "^5.17.0", 34 | "babel-jest": "^26.6.3", 35 | "babel-plugin-module-resolver": "^4.0.0", 36 | "eslint": "^7.32.0", 37 | "jest": "^26.6.3", 38 | "metro-react-native-babel-preset": "^0.67.0", 39 | "react-test-renderer": "17.0.2", 40 | "typescript": "^4.4.4" 41 | }, 42 | "resolutions": { 43 | "@types/react": "^17" 44 | }, 45 | "jest": { 46 | "preset": "react-native", 47 | "moduleFileExtensions": [ 48 | "ts", 49 | "tsx", 50 | "js", 51 | "jsx", 52 | "json", 53 | "node" 54 | ] 55 | } 56 | } 57 | -------------------------------------------------------------------------------- /example/src/components/Item.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {StyleSheet, Text, Pressable} from 'react-native'; 3 | import Icon from 'react-native-vector-icons/FontAwesome'; 4 | 5 | export function Item(props: {title: string; onPress: () => void}) { 6 | return ( 7 | 8 | {props.title} 9 | 10 | 11 | ); 12 | } 13 | 14 | const styles = StyleSheet.create({ 15 | item: { 16 | width: '100%', 17 | paddingHorizontal: 20, 18 | height: 65, 19 | backgroundColor: '#fff', 20 | justifyContent: 'space-between', 21 | flexDirection: 'row', 22 | alignItems: 'center', 23 | borderBottomWidth: StyleSheet.hairlineWidth, 24 | borderBottomColor: '#ccc', 25 | }, 26 | bold: { 27 | fontWeight: 'bold', 28 | width: '85%', 29 | }, 30 | }); 31 | -------------------------------------------------------------------------------- /example/src/components/PerformanceScreen.tsx: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import {useState} from 'react'; 3 | import {View, Button, StyleSheet, Dimensions} from 'react-native'; 4 | import PerformanceStats, { 5 | PerformanceStatsData, 6 | } from 'react-native-performance-stats'; 7 | 8 | const anim = require('../../assets/icon_trophy.json'); 9 | 10 | type Props = { 11 | LottieComponent: React.ComponentType<{ 12 | style?: any; 13 | source: any; 14 | autoPlay?: boolean; 15 | }>; 16 | }; 17 | 18 | export const PerformanceScreen: React.FC = ({LottieComponent}) => { 19 | const [showAnim, setShowAnim] = useState(false); 20 | 21 | const onPressStart = () => { 22 | console.log('Start performance measurement: base'); 23 | let phase = 'BASE'; 24 | const perfData: (PerformanceStatsData & {phase: string})[] = []; 25 | PerformanceStats.addListener(data => { 26 | perfData.push({ 27 | phase, 28 | // @ts-expect-error doesn't know performance 29 | time: performance.now(), 30 | ...data, 31 | }); 32 | }); 33 | 34 | PerformanceStats.start(true); 35 | 36 | setTimeout(() => { 37 | phase = 'animation_running'; 38 | console.log('Performance measurement: running'); 39 | setShowAnim(true); 40 | setTimeout(() => { 41 | PerformanceStats.stop(); 42 | setShowAnim(false); 43 | console.log(perfData); 44 | }, 10000); 45 | }, 5000); 46 | }; 47 | 48 | return ( 49 | 50 |