Merge pull request #2288 from FormidableLabs/jp-upgrade-rn-demo

[Demo]: Upgrade React Native demo app

Author: jpdriver

demo/rn/.gitignore

@@ -1,5 +1,6 @@
 node_modules/
 .expo/
+dist/
 npm-debug.*
 *.jks
 *.p8

demo/rn/App.tsx

@@ -1,7 +1,10 @@
 import React from "react";
+import { LogBox } from "react-native";
 import { NavigationContainer } from "@react-navigation/native";
 import { RootNavigator } from "./src/screens/root-navigator";
 
+LogBox.ignoreLogs(["Require cycle: ../../packages/victory"]);
+
 export default function App() {
   return (
     <NavigationContainer>

demo/rn/app.json

@@ -5,6 +5,7 @@
     "version": "1.0.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
+    "userInterfaceStyle": "light",
     "splash": {
       "image": "./assets/splash.png",
       "resizeMode": "contain",

demo/rn/assets/splash.png

@@ -1,6 +1,6 @@
 const path = require("path");
-const { getDefaultConfig } = require("@expo/metro-config");
-const blacklist = require("metro-config/src/defaults/blacklist");
+const { getDefaultConfig } = require("expo/metro-config");
+const blacklist = require("metro-config/src/defaults/exclusionList");
 const escape = require("escape-string-regexp");
 
 /**

demo/rn/metro.config.js

@@ -1,4 +1,6 @@
 {
+  "name": "rn-demo",
+  "version": "1.0.0",
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
     "start": "expo start",
@@ -8,27 +10,26 @@
     "eject": "expo eject"
   },
   "dependencies": {
-    "@expo/metro-config": "^0.2.0",
-    "@react-navigation/native": "^6.0.4",
-    "@react-navigation/native-stack": "^6.2.2",
-    "expo": "~42.0.1",
-    "expo-status-bar": "~1.0.4",
+    "@react-navigation/native": "^6.0.10",
+    "@react-navigation/native-stack": "^6.6.2",
+    "expo": "~45.0.0",
+    "expo-status-bar": "~1.3.0",
     "lodash": "^4.17.21",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-42.0.0.tar.gz",
-    "react-native-gesture-handler": "~1.10.2",
-    "react-native-safe-area-context": "3.2.0",
-    "react-native-screens": "~3.4.0",
-    "react-native-svg": "12.1.1",
-    "react-native-web": "~0.13.12"
+    "react": "17.0.2",
+    "react-dom": "17.0.2",
+    "react-native": "0.68.2",
+    "react-native-gesture-handler": "~2.2.1",
+    "react-native-safe-area-context": "4.2.4",
+    "react-native-screens": "~3.11.1",
+    "react-native-svg": "12.3.0",
+    "react-native-web": "0.17.7"
   },
   "devDependencies": {
-    "@babel/core": "^7.9.0",
-    "@types/lodash": "^4.14.175",
-    "@types/react": "~16.9.35",
-    "@types/react-native": "~0.63.2",
-    "typescript": "~4.0.0"
+    "@babel/core": "^7.12.9",
+    "@types/lodash": "^4.14.182",
+    "@types/react": "~17.0.21",
+    "@types/react-native": "~0.66.13",
+    "typescript": "~4.3.5"
   },
   "private": true
 }