chore: upgrade expo to 44 (callstack#2951)

Author: jaworek

Diff for: .github/workflows/publish-each-pr.yml

@@ -13,12 +13,12 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v1
         with:
-          node-version: 12.x
+          node-version: 14.x
 
       - name: Setup Expo
         uses: expo/expo-github-action@v5
         with:
-          expo-version: 3.x
+          expo-version: 4.x
           expo-username: ${{ secrets.EXPO_CLI_USERNAME_PAPER }}
           expo-password: ${{ secrets.EXPO_CLI_PASSWORD_PAPER }}
           expo-cache: true

Diff for: .github/workflows/publish.yml

@@ -14,12 +14,12 @@ jobs:
       - name: Setup Node.js
         uses: actions/setup-node@v1
         with:
-          node-version: 12.x
+          node-version: 14.x
 
       - name: Setup Expo
         uses: expo/expo-github-action@v5
         with:
-          expo-version: 3.x
+          expo-version: 4.x
           expo-username: ${{ secrets.EXPO_CLI_USERNAME_PAPER }}
           expo-password: ${{ secrets.EXPO_CLI_PASSWORD_PAPER }}
           expo-cache: true

Diff for: example/babel.config.js

@@ -17,6 +17,7 @@ module.exports = function (api) {
           },
         },
       ],
+      ['react-native-reanimated/plugin'],
     ],
   };
 };

Diff for: example/metro.config.js

@@ -1,7 +1,7 @@
 // /* eslint-disable import/no-commonjs */
 
 const path = require('path');
-const blacklist = require('metro-config/src/defaults/blacklist');
+const blacklist = require('metro-config/src/defaults/exclusionList');
 const escape = require('escape-string-regexp');
 const pak = require('../package.json');
 

Diff for: example/package.json

@@ -13,32 +13,32 @@
   "main": "node_modules/expo/AppEntry.js",
   "dependencies": {
     "@expo/vector-icons": "^12.0.0",
-    "@react-native-community/async-storage": "~1.12.0",
+    "@react-native-async-storage/async-storage": "~1.15.0",
     "@react-native-community/masked-view": "0.1.10",
     "@react-navigation/drawer": "^5.12.5",
     "@react-navigation/native": "^5.2.1",
     "@react-navigation/stack": "^5.2.16",
-    "expo": "^40.0.0",
-    "expo-font": "~8.4.0",
-    "expo-keep-awake": "~8.4.0",
-    "expo-splash-screen": "~0.8.1",
-    "expo-status-bar": "~1.0.3",
-    "expo-updates": "^0.5.4",
+    "expo": "^44.0.0",
+    "expo-font": "~10.0.4",
+    "expo-keep-awake": "~10.0.1",
+    "expo-splash-screen": "~0.14.1",
+    "expo-status-bar": "~1.2.0",
+    "expo-updates": "~0.11.3",
     "file-loader": "^4.0.0",
-    "react": "16.13.1",
-    "react-dom": "16.13.1",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.0.tar.gz",
-    "react-native-gesture-handler": "~1.8.0",
-    "react-native-reanimated": "~1.13.0",
-    "react-native-safe-area-context": "3.1.9",
-    "react-native-screens": "~2.15.0",
+    "react": "17.0.1",
+    "react-dom": "17.0.1",
+    "react-native": "0.64.3",
+    "react-native-gesture-handler": "~2.1.0",
+    "react-native-reanimated": "~2.3.1",
+    "react-native-safe-area-context": "3.3.2",
+    "react-native-screens": "~3.10.1",
     "react-native-vector-icons": "^6.6.0",
-    "react-native-web": "~0.13.12",
+    "react-native-web": "0.17.1",
     "typeface-roboto": "^0.0.54"
   },
   "devDependencies": {
     "babel-plugin-module-resolver": "^4.0.0",
-    "babel-preset-expo": "8.3.0",
-    "expo-cli": "^4.1.6"
+    "babel-preset-expo": "9.0.1",
+    "expo-cli": "^5.0.3"
   }
 }

Diff for: example/src/Examples/BottomNavigationExample.tsx

@@ -2,6 +2,7 @@ import * as React from 'react';
 import { View, Image, Dimensions, StyleSheet, Platform } from 'react-native';
 import { BottomNavigation } from 'react-native-paper';
 import ScreenWrapper from '../ScreenWrapper';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 type RoutesState = Array<{
   key: string;
@@ -32,6 +33,7 @@ const PhotoGallery = ({ route }: Route) => {
 };
 
 const BottomNavigationExample = () => {
+  const insets = useSafeAreaInsets();
   const [index, setIndex] = React.useState(0);
   const [routes] = React.useState<RoutesState>([
     { key: 'album', title: 'Album', icon: 'image-album', color: '#6200ee' },
@@ -58,6 +60,7 @@ const BottomNavigationExample = () => {
 
   return (
     <BottomNavigation
+      safeAreaInsets={{ bottom: insets.bottom }}
       navigationState={{ index, routes }}
       onIndexChange={setIndex}
       renderScene={BottomNavigation.SceneMap({

Diff for: example/src/index.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { I18nManager, Platform } from 'react-native';
-import AsyncStorage from '@react-native-community/async-storage';
-import { Updates } from 'expo';
+import AsyncStorage from '@react-native-async-storage/async-storage';
+import * as Updates from 'expo-updates';
 import { useKeepAwake } from 'expo-keep-awake';
 import { StatusBar } from 'expo-status-bar';
 import { InitialState, NavigationContainer } from '@react-navigation/native';
@@ -160,7 +160,7 @@ export default function PaperExample() {
 
       if (I18nManager.isRTL !== rtl) {
         I18nManager.forceRTL(rtl);
-        Updates.reloadFromCache();
+        Updates.reloadAsync();
       }
     };