v1.7.0

App.js

@@ -1,6 +1,6 @@
 import React, {useState} from "react";
 import { Image } from "react-native";
-import { AppLoading } from "expo";
+import AppLoading from "expo-app-loading";
 import { useFonts } from '@use-expo/font';
 import { Asset } from "expo-asset";
 import { Block, GalioProvider } from "galio-framework";

CHANGELOG.md

@@ -1,3 +1,24 @@
+## [1.7.0] 2020 - 11 - 04
+### Updated dependencies
+- updated `@react-navigation/bottom-tabs@5.06` to `@react-navigation/bottom-tabs@5.5.1`
+- updated `@react-navigation/compat@5.0.0` to `@react-navigation/compat@5.1.25`
+- updated `@react-navigation/drawer@5.0.0` to `@react-navigation/drawer@5.12.4`
+- updated `@react-navigation/native@5.0.0` to `@react-navigation/native@5.9.3`
+- updated `@react-navigation/stack@5.0.0` to `@react-navigation/stack@5.14.3`
+- updated `expo SDK@39` to `expo SDK@40`
+- updated `expo-asset@8.2.0` to `expo-asset@8.2.1`
+- updated `expo-font@8.3.0` to `expo-font@8.4.0`
+- updated `react-native SDK@39` to `react-native SDK@40`
+- updated `react-native-gesture-handler@1.7.0` to `react-native-gesture-handler@1.8.0`
+- updated `react-native-safe-area-context@3.1.4` to `react-native-safe-area-context@3.1.9`
+- updated `react-native-screens@2.10.1` to `react-native-screens@2.15.2`
+- added `expo-app-loading@1.01`
+
+### Updated files
+- `useNativeDriver` warning fixed in `Tabs.js`
+- card height changed in `Register.js`
+
+
 ## [1.6.0] 2020 - 11 - 04
 ### Updated dependencies
 - updated `expo-asset@8.1.5` to `expo-asset@8.2.0`

app.json

@@ -3,12 +3,11 @@
     "name": "Argon FREE React Native",
     "slug": "argon-free-react-native",
     "privacy": "public",
-    "sdkVersion": "39.0.0",
     "platforms": [
       "ios",
       "android"
     ],
-    "version": "1.6.0",
+    "version": "1.7.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "splash": {

components/Tabs.js

@@ -35,7 +35,7 @@ export default class Tabs extends React.Component {
     Animated.timing(this.animatedValue, {
       toValue: 1,
       duration: 300,
-      // useNativeDriver: true, // color not supported
+      useNativeDriver: false, // color not supported
     }).start()
   }
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "argon-react-native",
-  "version": "1.6.0",
+  "version": "1.7.0",
   "description": "Argon React Native, based on Argon Design System. Coded by Creative Tim",
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
@@ -15,27 +15,28 @@
   },
   "dependencies": {
     "@react-native-community/masked-view": "0.1.10",
-    "@react-navigation/bottom-tabs": "^5.0.6",
-    "@react-navigation/compat": "^5.0.0",
-    "@react-navigation/drawer": "5.0.0",
-    "@react-navigation/native": "5.0.0",
-    "@react-navigation/stack": "5.0.0",
+    "@react-navigation/bottom-tabs": "^5.5.1",
+    "@react-navigation/compat": "^5.1.25",
+    "@react-navigation/drawer": "5.12.4",
+    "@react-navigation/native": "5.9.3",
+    "@react-navigation/stack": "5.14.3",
     "@use-expo/font": "^2.0.0",
-    "expo": "^39.0.0",
-    "expo-asset": "~8.2.0",
-    "expo-font": "~8.3.0",
+    "expo": "^40.0.0",
+    "expo-app-loading": "^1.0.1",
+    "expo-asset": "~8.2.1",
+    "expo-font": "~8.4.0",
     "galio-framework": "^0.7.1",
     "prop-types": "^15.7.2",
     "react": "16.13.1",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-39.0.3.tar.gz",
-    "react-native-gesture-handler": "~1.7.0",
+    "react-native": "https://github.com/expo/react-native/archive/sdk-40.0.1.tar.gz",
+    "react-native-gesture-handler": "~1.8.0",
     "react-native-modal-dropdown": "git+https://github.com/siemiatj/react-native-modal-dropdown.git",
     "react-native-reanimated": "~1.13.0",
-    "react-native-safe-area-context": "3.1.4",
-    "react-native-screens": "~2.10.1"
+    "react-native-safe-area-context": "3.1.9",
+    "react-native-screens": "~2.15.2"
   },
   "devDependencies": {
-    "babel-preset-expo": "^8.3.0"
+    "babel-preset-expo": "8.3.0"
   },
   "keywords": [
     "argon react native",

screens/Register.js

@@ -22,7 +22,7 @@ class Register extends React.Component {
           source={Images.RegisterBackground}
           style={{ width, height, zIndex: 1 }}
         >
-          <Block flex middle>
+          <Block safe flex middle>
             <Block style={styles.registerContainer}>
               <Block flex={0.25} middle style={styles.socialConnect}>
                 <Text color="#8898AA" size={12}>
@@ -162,7 +162,7 @@ class Register extends React.Component {
 const styles = StyleSheet.create({
   registerContainer: {
     width: width * 0.9,
-    height: height * 0.78,
+    height: height * 0.875,
     backgroundColor: "#F4F5F7",
     borderRadius: 4,
     shadowColor: argonTheme.COLORS.BLACK,