Upgrade example to Expo 44

example/app.json

@@ -4,12 +4,11 @@
     "slug": "react-native-offline-example",
     "description": "Example application that showcases all the different modules that react-native-offline has to offer",
     "privacy": "public",
-    "sdkVersion": "36.0.0",
     "platforms": [
       "ios",
       "android"
     ],
-    "version": "1.0.0",
+    "version": "1.1.0",
     "orientation": "portrait",
     "icon": "./assets/images/icon.png",
     "splash": {
@@ -20,9 +19,6 @@
     "updates": {
       "fallbackToCacheTimeout": 0
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
     "ios": {
       "supportsTablet": true
     }

example/navigation/AppNavigator.tsx

@@ -1,9 +1,64 @@
-import { createAppContainer, createSwitchNavigator } from 'react-navigation';
+import React from 'react';
+import { Platform } from 'react-native';
+import { NavigationContainer } from '@react-navigation/native';
+import { createBottomTabNavigator } from '@react-navigation/bottom-tabs';
 
-import MainTabNavigator from './MainTabNavigator';
+import TabBarIcon from '../components/TabBarIcon';
+import ComponentsScreen from '../screens/ComponentsScreen';
+import ReduxScreen from '../screens/ReduxScreen';
+import SagasScreen from '../screens/SagasScreen';
 
-export default createAppContainer(
-  createSwitchNavigator({
-    Main: MainTabNavigator,
-  }),
-);
+const Tab = createBottomTabNavigator();
+
+type TabBarIconArgs = {
+  focused: boolean;
+};
+
+export default function AppNavigator() {
+  return (
+    <NavigationContainer>
+      <Tab.Navigator>
+        <Tab.Screen
+          name='Home'
+          component={ComponentsScreen}
+          options={{
+            tabBarIcon: ({ focused }: TabBarIconArgs) => (
+              <TabBarIcon
+                focused={focused}
+                name={
+                  Platform.OS === 'ios'
+                    ? `ios-information-circle${focused ? '' : '-outline'}`
+                    : 'md-information-circle'
+                }
+              />
+            )
+          }}
+        />
+        <Tab.Screen
+          name='Redux'
+          component={ReduxScreen}
+          options={{
+            tabBarIcon: ({ focused }: TabBarIconArgs) => (
+              <TabBarIcon
+                focused={focused}
+                name={Platform.OS === 'ios' ? 'ios-link' : 'md-link'}
+              />
+            )
+          }}
+        />
+        <Tab.Screen
+          name='Sagas'
+          component={SagasScreen}
+          options={{
+            tabBarIcon: ({ focused }: TabBarIconArgs) => (
+              <TabBarIcon
+                focused={focused}
+                name={Platform.OS === 'ios' ? 'ios-options' : 'md-options'}
+              />
+            )
+          }}
+        />
+      </Tab.Navigator>
+    </NavigationContainer>
+  )
+}