Merge pull request #34 from creativetimofficial/v1.3.0

V1.3.0

Author: palingheorghe

CHANGELOG.md

@@ -1,3 +1,47 @@
+## [1.3.0] 2020 - 11 - 06
+### Updated dependencies
+- updated `@react-native-community/[email protected]` to `@react-native-community/[email protected]`
+- updated `expo@37` to `expo@39`
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected] ` to `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `react-native SDK@37` to `react-native SDK@39`
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected] ` to `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- changed the git source for react-native-modal-dropdown
+### Updated files
+- App.js - removed `packagerOpts` which solved Expo failed loading
+- Components.js - fixed layout for ScrollView, Horizontal Gallery and Select positioning
+- Header.js - fixed search input autofocusing and creating an error where the back button wouldn't work anymore keeping the user in a loop
+
+## [1.2.0] 2020 - 06 - 20
+### Updated dependencies
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected]` to  `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `@react-native-community/[email protected]` to `@react-native-community/[email protected]`
+- updated `react-native [email protected]` to `react-native [email protected]`
+- updated `[email protected]` to `[email protected]`
+- updated `Expo @36.0.0` to `Expo @37.0.0`
+- updated `@react-navigation/[email protected]` to `@react-navigation/[email protected]`
+- updated `@react-navigation/[email protected]` to `@react-navigation/[email protected]`
+- updated `@react-navigation/[email protected]` to `@react-navigation/[email protected]`
+- updated `@react-navigation/[email protected]` to `@react-navigation/[email protected]`
+- updated `@react-navigation/[email protected]` to `@react-navigation/[email protected]`
+
+### Updated files
+- change function for fontLoading in `App.js`, this should fix the often occurrence of the error
+- moved `assets/font/now.json` to `assets/config/now.json` in order to make sure there wouldn't be any issue with the build for Android
+- edited `Header.js` in order to fix the Pro routing error
+- edited `Screens.js` and fixed the headerless Components Screen
+
 ## [1.1.0] 2020 - 03 - 12
 ### Removed dependencies
 - removed `[email protected]`

README.md

@@ -1,7 +1,7 @@
 # [Now UI React Native](https://creativetimofficial.github.io/now-ui-react-native/docs/#) [![Tweet](https://img.shields.io/twitter/url/http/shields.io.svg?style=social&logo=twitter)](https://twitter.com/home?status=now-ui%20React%20Native,%20a%20cool%20NowUI%20React%20Native%20App%20Template%20%E2%9D%A4%EF%B8%8F%20https%3A//bit.ly/2KAj86H%20%23reactnative%20%23NowUI%20%23designsystem%20%23developers%20via%20%40CreativeTim)
 
 
- ![version](https://img.shields.io/badge/version-1.2.0-blue.svg)  [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/now-ui-react-native.svg?style=flat)](https://github.com/creativetimofficial/now-ui-react-native/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/now-ui-react-native.svg?maxAge=2592000)](https://github.com/creativetimofficial/now-ui-react-native/issues?q=is%3Aissue+is%3Aclosed)
+ ![version](https://img.shields.io/badge/version-1.3.0-blue.svg)  [![GitHub issues open](https://img.shields.io/github/issues/creativetimofficial/now-ui-react-native.svg?style=flat)](https://github.com/creativetimofficial/now-ui-react-native/issues?q=is%3Aopen+is%3Aissue) [![GitHub issues closed](https://img.shields.io/github/issues-closed-raw/creativetimofficial/now-ui-react-native.svg?maxAge=2592000)](https://github.com/creativetimofficial/now-ui-react-native/issues?q=is%3Aissue+is%3Aclosed)
 
 
 ![Product Gif](https://raw.githubusercontent.com/creativetimofficial/public-assets/master/now-ui-react-native/opt_nurn_thumbnail.jpg)

app.json

@@ -3,12 +3,12 @@
     "name": "Now UI React Native",
     "slug": "now-ui-react-native",
     "privacy": "public",
-    "sdkVersion": "37.0.0",
+    "sdkVersion": "39.0.0",
     "platforms": [
       "ios",
       "android"
     ],
-    "version": "1.2.0",
+    "version": "1.3.0",
     "orientation": "portrait",
     "icon": "./assets/icon.png",
     "splash": {
@@ -25,11 +25,6 @@
     "ios": {
       "supportsTablet": true
     },
-    "packagerOpts": {
-      "assetExts": [
-        "ttf"
-      ]
-    },
     "description": "Now UI React Native, based on Now UI Design System. Coded by Creative Tim"
   }
 }

components/Header.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import { withNavigation } from '@react-navigation/compat';
-import { TouchableOpacity, StyleSheet, Platform, Dimensions } from 'react-native';
+import { TouchableOpacity, StyleSheet, Platform, Dimensions, Keyboard } from 'react-native';
 import { Button, Block, NavBar, Text, theme, Button as GaButton } from 'galio-framework';
 
 import Icon from './Icon';
@@ -115,7 +115,7 @@ class Header extends React.Component {
         style={styles.search}
         placeholder="What are you looking for?"
         placeholderTextColor={'#8898AA'}
-        onFocus={() => navigation.navigate('Pro')}
+        onFocus={() => {Keyboard.dismiss(); navigation.navigate('Pro')}}
         iconContent={
           <Icon size={16} color={theme.COLORS.MUTED} name="zoom-bold2x" family="NowExtra" />
         }

package.json

@@ -1,6 +1,6 @@
 {
   "name": "now-ui-react-native",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Now UI React Native, based on Now UI Design System. Coded by Creative Tim",
   "main": "node_modules/expo/AppEntry.js",
   "scripts": {
@@ -15,29 +15,29 @@
     "url": "git+https://github.com/creativetimofficial/now-ui-react-native.git"
   },
   "dependencies": {
-    "@react-native-community/masked-view": "0.1.6",
+    "@react-native-community/masked-view": "0.1.10",
     "@react-navigation/bottom-tabs": "^5.5.1",
     "@react-navigation/compat": "^5.1.25",
     "@react-navigation/drawer": "5.8.1",
     "@react-navigation/native": "5.5.0",
     "@react-navigation/stack": "5.4.1",
-    "expo": "^37.0.0",
-    "expo-asset": "~8.1.5",
-    "expo-font": "~8.1.0",
-    "galio-framework": "^0.6.3",
+    "expo": "^39.0.0",
+    "expo-asset": "~8.2.0",
+    "expo-font": "~8.3.0",
+    "galio-framework": "^0.7.1",
     "prop-types": "^15.7.2",
-    "react": "16.9.0",
-    "react-native": "https://github.com/expo/react-native/archive/sdk-37.0.1.tar.gz",
-    "react-native-gesture-handler": "~1.6.0",
-    "react-native-modal-dropdown": "^0.7.0",
-    "react-native-reanimated": "~1.7.0",
-    "react-native-svg": "11.0.1",
-    "react-native-safe-area-context": "0.7.3",
-    "react-native-screens": "~2.2.0"
+    "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-modal-dropdown": "git+https://github.com/siemiatj/react-native-modal-dropdown.git",
+    "react-native-reanimated": "~1.13.0",
+    "react-native-svg": "12.1.0",
+    "react-native-safe-area-context": "3.1.4",
+    "react-native-screens": "~2.10.1"
   },
   "devDependencies": {
     "babel-eslint": "^10.0.3",
-    "babel-preset-expo": "^8.2.1"
+    "babel-preset-expo": "^8.3.0"
   },
   "keywords": [
     "now react native",

screens/Components.js

@@ -110,7 +110,7 @@ class Components extends React.Component {
             </Button>
           </Block>
           <Block row space="between">
-            <Block flex left>
+            <Block flex left style={{marginTop: 8}}>
               <Select defaultIndex={1} options={['01', '02', '03', '04', '05']} />
             </Block>
             <Block flex>
@@ -511,9 +511,6 @@ class Components extends React.Component {
           showsHorizontalScrollIndicator={false}
           showsVerticalScrollIndicator={false}
           scrollEventThrottle={16}
-          onScroll={Animated.event([
-            { nativeEvent: { contentOffset: { x: this.scrollX } } },
-          ])}
           contentContainerStyle={{
             width: width * 2
           }}>
@@ -557,7 +554,7 @@ class Components extends React.Component {
       <Block flex center>
         <ScrollView
           showsVerticalScrollIndicator={false}
-          contentContainerStyle={{ paddingBottom: 30 }}
+          contentContainerStyle={{ paddingBottom: 30, width }}
         >
           {this.renderButtons()}
           {this.renderText()}

screens/Profile.js

@@ -109,7 +109,7 @@ const Profile = () => {
             <Block
               middle
               row
-              style={{ position: 'absolute', width: width, top: height * 0.6 - 22, zIndex: 99 }}
+              style={{ position: 'absolute', width: width, top: height * 0.6 - 26, zIndex: 99 }}
             >
               <Button style={{ width: 114, height: 44, marginHorizontal: 5, elevation: 0 }} textStyle={{ fontSize: 16 }} round>
                 Follow