Migreate to reanimatedv2 in our demo project (#1223)

Author: ethanshar

android/app/build.gradle

@@ -4,7 +4,7 @@ import com.android.build.OutputFile
 
 project.ext.react = [
     entryFile: "index.js",
-    enableHermes: false,  // clean and rebuild if changing
+    enableHermes: true,  // clean and rebuild if changing
 ]
 
 apply from: "../../node_modules/react-native/react.gradle"

android/app/src/main/java/com/rnuilib/MainApplication.java

@@ -11,6 +11,8 @@
 import com.wix.reactnativeuilib.UiLibPackageList;
 import java.lang.reflect.InvocationTargetException;
 import java.util.List;
+import com.facebook.react.bridge.JSIModulePackage;
+import com.swmansion.reanimated.ReanimatedJSIModulePackage;
 
 
 public class MainApplication extends NavigationApplication {
@@ -21,6 +23,11 @@ protected String getJSMainModuleName() {
             return "demo";
         }
 
+        @Override
+        protected JSIModulePackage getJSIModulePackage() {
+            return new ReanimatedJSIModulePackage();
+        }
+
         @Override
         public boolean getUseDeveloperSupport() {
             return BuildConfig.DEBUG;

babel.config.js

@@ -1,8 +1,10 @@
 module.exports = {
   env: {
     test: {
-      presets: ['module:metro-react-native-babel-preset']
+      presets: ['module:metro-react-native-babel-preset'],
+      plugins: ['react-native-reanimated/plugin']
     }
   },
-  presets: ['module:metro-react-native-babel-preset']
+  presets: ['module:metro-react-native-babel-preset'],
+  plugins: ['react-native-reanimated/plugin']
 };

package.json

@@ -99,7 +99,7 @@
     "react-native-gesture-handler": "1.9.0",
     "react-native-keyboard-tracking-view": "^5.6.1",
     "react-native-navigation": "7.6.0",
-    "react-native-reanimated": "1.13.2",
+    "react-native-reanimated": "2.0.0",
     "react-test-renderer": "^16.13.1",
     "shell-utils": "^1.0.10",
     "typescript": "3.9.7"
@@ -108,7 +108,7 @@
     "react": ">=16.0.0",
     "react-native": ">=0.63.4",
     "react-native-gesture-handler": ">=1.9.0",
-    "react-native-reanimated": ">=1.13.2",
+    "react-native-reanimated": ">=2.0.0",
     "@react-native-community/blur": ">=3.4.1",
     "@react-native-community/datetimepicker": "^2.1.0",
     "@react-native-community/netinfo": "^5.6.2",