Update to React Native 0.64

- Include react-native-tvos 0.64.2, update Reanimated and React Navigation
- Use patch-package to apply tvOS patches for Reanimated and Screens packages
- Make Android TV work

Author: douglowder

android/app/build.gradle

@@ -77,8 +77,9 @@ import com.android.build.OutputFile
  * ]
  */
 
+// enableHermes should be true for using Reanimated
 project.ext.react = [
-    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/reactnavigationtvdemo/MainApplication.java

@@ -11,6 +11,9 @@
 import java.lang.reflect.InvocationTargetException;
 import java.util.List;
 
+import com.facebook.react.bridge.JSIModulePackage;
+import com.swmansion.reanimated.ReanimatedJSIModulePackage;
+
 public class MainApplication extends Application implements ReactApplication {
 
   private final ReactNativeHost mReactNativeHost =
@@ -33,6 +36,11 @@ protected List<ReactPackage> getPackages() {
         protected String getJSMainModuleName() {
           return "index";
         }
+
+        @Override
+        protected JSIModulePackage getJSIModulePackage() {
+          return new ReanimatedJSIModulePackage(); // <- add
+        }
       };
 
   @Override

android/build.gradle

@@ -2,17 +2,17 @@
 
 buildscript {
     ext {
-        buildToolsVersion = "28.0.3"
-        minSdkVersion = 16
-        compileSdkVersion = 28
-        targetSdkVersion = 28
+        buildToolsVersion = "29.0.2"
+        minSdkVersion = 21
+        compileSdkVersion = 29
+        targetSdkVersion = 29
     }
     repositories {
         google()
         jcenter()
     }
     dependencies {
-        classpath("com.android.tools.build:gradle:3.5.2")
+        classpath("com.android.tools.build:gradle:3.5.3")
 
         // NOTE: Do not place your application dependencies here; they belong
         // in the individual module build.gradle files

babel.config.js

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

ios/Podfile

@@ -12,15 +12,6 @@ target 'ReactNavigationTVDemo' do
 
   use_react_native!(:path => config["reactNativePath"])
 
-  use_flipper_tvos!
-# If you want to use Flipper only for iOS, you can replace the line above with
-#
-# use_flipper!
-#
-# to pick up newer Flipper pods used in RN core 0.63.
-# They have not yet been adapted to work in tvOS.
-# use_flipper_tvos! works for both iOS and tvOS.
-
   target 'ReactNavigationTVDemoTests' do
     inherit! :complete
     # Pods for testing
@@ -36,15 +27,9 @@ target 'ReactNavigationTVDemo-tvOS' do
 
   use_react_native!(:path => config["reactNativePath"])
 
-  use_flipper_tvos!
-
   target 'ReactNavigationTVDemo-tvOSTests' do
     inherit! :complete
     # Pods for testing
   end
 
 end
-
-post_install do |installer|
-  flipper_post_install(installer)
-end