From db57c1d803c925edbc38159fdb01b4b10436ef13 Mon Sep 17 00:00:00 2001 From: ameyawebonise Date: Mon, 11 Mar 2019 21:23:30 +0530 Subject: [PATCH 01/43] Added the different content on the home screen --- EXPO/.expo/packager-info.json | 9 ++-- EXPO/assets/images/webonise-logo.png | Bin 0 -> 3529 bytes EXPO/screens/HomeScreen.js | 65 +++++---------------------- 3 files changed, 15 insertions(+), 59 deletions(-) create mode 100644 EXPO/assets/images/webonise-logo.png diff --git a/EXPO/.expo/packager-info.json b/EXPO/.expo/packager-info.json index ca20b5e..09264a4 100644 --- a/EXPO/.expo/packager-info.json +++ b/EXPO/.expo/packager-info.json @@ -1,9 +1,10 @@ { "devToolsPort": 19002, - "expoServerPort": 19000, - "packagerPort": 19001, - "packagerPid": 71365, + "expoServerPort": null, + "packagerPort": null, + "packagerPid": null, "expoServerNgrokUrl": "https://qq-bic.webo.expo.exp.direct", "packagerNgrokUrl": "https://packager.qq-bic.webo.expo.exp.direct", - "ngrokPid": 71379 + "ngrokPid": 71878, + "webpackServerPort": null } \ No newline at end of file diff --git a/EXPO/assets/images/webonise-logo.png b/EXPO/assets/images/webonise-logo.png new file mode 100644 index 0000000000000000000000000000000000000000..e30afacbf7737844f5112dae5d7c1a532fc05350 GIT binary patch literal 3529 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 - + + + Powered By Expo. + - {this._maybeRenderDevelopmentModeWarning()} - - Get started by opening - - - screens/HomeScreen.js - - Change this text and your app will automatically reload. + This is a application to show case tothe power of the expo toolchain. + The links section will give a list of examples that can be loaded in the expo app. + it will navigate the user to the appropriate section - - - Help, it didn’t automatically reload! - - - - - This is a tab bar. You can edit it in: - - - navigation/MainTabNavigator.js - - ); } - _maybeRenderDevelopmentModeWarning() { - if (__DEV__) { - const learnMoreButton = ( - - Learn more - - ); - - return ( - - Development mode is enabled, your app will be slower but you can use useful development - tools. {learnMoreButton} - - ); - } else { - return ( - - You are not in development mode, your app will run at full speed. - - ); - } - } - - _handleLearnMorePress = () => { - WebBrowser.openBrowserAsync('https://docs.expo.io/versions/latest/guides/development-mode'); + _navigateToExpoDocumentation = () => { + WebBrowser.openBrowserAsync('https://docs.expo.io/versions/latest/'); }; - _handleHelpPress = () => { - WebBrowser.openBrowserAsync( - 'https://docs.expo.io/versions/latest/guides/up-and-running.html#can-t-see-your-changes' - ); - }; } const styles = StyleSheet.create({ From 4f50b8cb1d92d19ed2a6f348323bb5ee6357f569 Mon Sep 17 00:00:00 2001 From: ameyawebonise Date: Thu, 28 Mar 2019 18:54:21 +0530 Subject: [PATCH 02/43] Clobbered up a basic api call --- EXPO/.expo/packager-info.json | 8 ++--- EXPO/screens/LinksScreen.js | 59 +++++++++++++++++++++++++++++++---- 2 files changed, 57 insertions(+), 10 deletions(-) diff --git a/EXPO/.expo/packager-info.json b/EXPO/.expo/packager-info.json index 09264a4..c0a401e 100644 --- a/EXPO/.expo/packager-info.json +++ b/EXPO/.expo/packager-info.json @@ -1,10 +1,10 @@ { "devToolsPort": 19002, - "expoServerPort": null, - "packagerPort": null, - "packagerPid": null, + "expoServerPort": 19000, + "packagerPort": 19001, + "packagerPid": 33788, "expoServerNgrokUrl": "https://qq-bic.webo.expo.exp.direct", "packagerNgrokUrl": "https://packager.qq-bic.webo.expo.exp.direct", - "ngrokPid": 71878, + "ngrokPid": 33816, "webpackServerPort": null } \ No newline at end of file diff --git a/EXPO/screens/LinksScreen.js b/EXPO/screens/LinksScreen.js index 7bb4a62..cdf4771 100644 --- a/EXPO/screens/LinksScreen.js +++ b/EXPO/screens/LinksScreen.js @@ -1,21 +1,68 @@ import React from 'react'; -import { ScrollView, StyleSheet } from 'react-native'; +import { FlatList, StyleSheet,Text,View } from 'react-native'; import { ExpoLinksView } from '@expo/samples'; export default class LinksScreen extends React.Component { + + constructor(props) { + super(props); + //this.getUserInfo = getUserInfo.bind(this); + this.state = { + userList: [], + page: 0, + per_page: 0, + total: 0, + total_pages: 0 + }; + } + static navigationOptions = { title: 'Links', }; + render() { return ( - - {/* Go ahead and delete ExpoLinksView and replace it with your - * content, we just wanted to provide you with some helpful links */} - - + + {item.first_name}, {item.last_name}} + keyExtractor={(item, index) => index.toString()} + /> + Page number - {this.state.page} + Number of records per page - { this.state.per_page} + Total - {this.state.total_pages} + Total Items - {this.state.total} + + //); ); } + + componentWillMount(){ + this.getUserInfo(0) + } + + getUserInfo (page){ + console.log("getting user info") + const URL = `https://reqres.in/api/users`; + return fetch(URL) + .then((res) =>res.json()) + .then(data =>{ + this.setState({ + per_page:data.per_page, + total:data.total, + total_pages:data.total_pages, + page:data.page, + userList:data.data + }) + console.log(data.per_page) + }) + .catch(function(error) { + console.log('There has been a problem with your fetch operation: ' + error); + // ADD THIS THROW error + throw error; + }); + } } const styles = StyleSheet.create({ From f19103e24248d86d45b89a7a12ef7a8e45cf1288 Mon Sep 17 00:00:00 2001 From: ameyawebonise Date: Thu, 28 Mar 2019 21:10:46 +0530 Subject: [PATCH 03/43] Added the grid --- EXPO/.expo/packager-info.json | 12 ++++++------ EXPO/screens/LinksScreen.js | 20 ++++++++++++++++++-- 2 files changed, 24 insertions(+), 8 deletions(-) diff --git a/EXPO/.expo/packager-info.json b/EXPO/.expo/packager-info.json index c0a401e..92db722 100644 --- a/EXPO/.expo/packager-info.json +++ b/EXPO/.expo/packager-info.json @@ -1,10 +1,10 @@ { "devToolsPort": 19002, - "expoServerPort": 19000, - "packagerPort": 19001, - "packagerPid": 33788, - "expoServerNgrokUrl": "https://qq-bic.webo.expo.exp.direct", - "packagerNgrokUrl": "https://packager.qq-bic.webo.expo.exp.direct", - "ngrokPid": 33816, + "expoServerPort": null, + "packagerPort": null, + "packagerPid": null, + "expoServerNgrokUrl": null, + "packagerNgrokUrl": null, + "ngrokPid": null, "webpackServerPort": null } \ No newline at end of file diff --git a/EXPO/screens/LinksScreen.js b/EXPO/screens/LinksScreen.js index cdf4771..9355840 100644 --- a/EXPO/screens/LinksScreen.js +++ b/EXPO/screens/LinksScreen.js @@ -1,5 +1,5 @@ import React from 'react'; -import { FlatList, StyleSheet,Text,View } from 'react-native'; +import { FlatList, StyleSheet,Text,View,Image } from 'react-native'; import { ExpoLinksView } from '@expo/samples'; export default class LinksScreen extends React.Component { @@ -26,7 +26,23 @@ export default class LinksScreen extends React.Component { {item.first_name}, {item.last_name}} + numColumns={3} + renderItem={({item}) => + /*<>*/ + + {item.first_name} {item.last_name} + + + /**/ + /*}*/} keyExtractor={(item, index) => index.toString()} /> Page number - {this.state.page} From d9e7d036a78bc882e23ca3f62db8560ba85b3a91 Mon Sep 17 00:00:00 2001 From: ameyawebonise Date: Mon, 1 Apr 2019 13:53:25 +0530 Subject: [PATCH 04/43] Changes for adding a new screen --- EXPO/.expo/packager-info.json | 12 ++-- EXPO/navigation/MainTabNavigator.js | 19 ++++++ EXPO/screens/GridScreen.js | 90 +++++++++++++++++++++++++++++ EXPO/screens/LinksScreen.js | 81 +++----------------------- 4 files changed, 124 insertions(+), 78 deletions(-) create mode 100644 EXPO/screens/GridScreen.js diff --git a/EXPO/.expo/packager-info.json b/EXPO/.expo/packager-info.json index 92db722..5b39e19 100644 --- a/EXPO/.expo/packager-info.json +++ b/EXPO/.expo/packager-info.json @@ -1,10 +1,10 @@ { "devToolsPort": 19002, - "expoServerPort": null, - "packagerPort": null, - "packagerPid": null, - "expoServerNgrokUrl": null, - "packagerNgrokUrl": null, - "ngrokPid": null, + "expoServerPort": 19000, + "packagerPort": 19004, + "packagerPid": 41940, + "expoServerNgrokUrl": "https://qq-bic.webo.expo.exp.direct", + "packagerNgrokUrl": "https://packager.qq-bic.webo.expo.exp.direct", + "ngrokPid": 41958, "webpackServerPort": null } \ No newline at end of file diff --git a/EXPO/navigation/MainTabNavigator.js b/EXPO/navigation/MainTabNavigator.js index ce7efd1..a46b2cb 100644 --- a/EXPO/navigation/MainTabNavigator.js +++ b/EXPO/navigation/MainTabNavigator.js @@ -6,6 +6,7 @@ import TabBarIcon from '../components/TabBarIcon'; import HomeScreen from '../screens/HomeScreen'; import LinksScreen from '../screens/LinksScreen'; import SettingsScreen from '../screens/SettingsScreen'; +import GridScreen from '../screens/GridScreen'; const HomeStack = createStackNavigator({ Home: HomeScreen, @@ -53,8 +54,26 @@ SettingsStack.navigationOptions = { ), }; + +const GridStack = createStackNavigator({ + Grid:GridScreen +}); + +GridStack.navigationOptions = { + tabBarLabel: 'Grid Example', + tabBarIcon: ({ focused }) => ( + + ), +}; + + + export default createBottomTabNavigator({ HomeStack, LinksStack, SettingsStack, + GridStack, }); diff --git a/EXPO/screens/GridScreen.js b/EXPO/screens/GridScreen.js new file mode 100644 index 0000000..4885f6b --- /dev/null +++ b/EXPO/screens/GridScreen.js @@ -0,0 +1,90 @@ +import React from 'react'; +import { FlatList, StyleSheet,Text,View,Image } from 'react-native'; +import { ExpoLinksView } from '@expo/samples'; + +export default class GridScreen extends React.Component { + + constructor(props) { + super(props); + //this.getUserInfo = getUserInfo.bind(this); + this.state = { + userList: [], + page: 0, + per_page: 0, + total: 0, + total_pages: 0 + }; + } + + static navigationOptions = { + title: 'Links', + }; + + + render() { + return ( + + + /*<>*/ + + {item.first_name} {item.last_name} + + + /**/ + /*}*/} + keyExtractor={(item, index) => index.toString()} + /> + Page number - {this.state.page} + Number of records per page - { this.state.per_page} + Total - {this.state.total_pages} + Total Items - {this.state.total} + + //); + ); + } + + componentWillMount(){ + this.getUserInfo(0) + } + + getUserInfo (page){ + console.log("getting user info") + const URL = `https://reqres.in/api/users`; + return fetch(URL) + .then((res) =>res.json()) + .then(data =>{ + this.setState({ + per_page:data.per_page, + total:data.total, + total_pages:data.total_pages, + page:data.page, + userList:data.data + }) + console.log(data.per_page) + }) + .catch(function(error) { + console.log('There has been a problem with your fetch operation: ' + error); + // ADD THIS THROW error + throw error; + }); + } +} + +const styles = StyleSheet.create({ + container: { + flex: 1, + paddingTop: 15, + backgroundColor: '#fff', + }, +}); diff --git a/EXPO/screens/LinksScreen.js b/EXPO/screens/LinksScreen.js index 9355840..f41f629 100644 --- a/EXPO/screens/LinksScreen.js +++ b/EXPO/screens/LinksScreen.js @@ -1,87 +1,24 @@ import React from 'react'; -import { FlatList, StyleSheet,Text,View,Image } from 'react-native'; +import { ScrollView, StyleSheet } from 'react-native'; import { ExpoLinksView } from '@expo/samples'; -export default class LinksScreen extends React.Component { - - constructor(props) { - super(props); - //this.getUserInfo = getUserInfo.bind(this); - this.state = { - userList: [], - page: 0, - per_page: 0, - total: 0, - total_pages: 0 - }; - } - + export default class LinksScreen extends React.Component { static navigationOptions = { title: 'Links', }; - - render() { + render() { return ( - - - /*<>*/ - - {item.first_name} {item.last_name} - - - /**/ - /*}*/} - keyExtractor={(item, index) => index.toString()} - /> - Page number - {this.state.page} - Number of records per page - { this.state.per_page} - Total - {this.state.total_pages} - Total Items - {this.state.total} - - //); + + {/* Go ahead and delete ExpoLinksView and replace it with your + * content, we just wanted to provide you with some helpful links */} + + ); } - - componentWillMount(){ - this.getUserInfo(0) - } - - getUserInfo (page){ - console.log("getting user info") - const URL = `https://reqres.in/api/users`; - return fetch(URL) - .then((res) =>res.json()) - .then(data =>{ - this.setState({ - per_page:data.per_page, - total:data.total, - total_pages:data.total_pages, - page:data.page, - userList:data.data - }) - console.log(data.per_page) - }) - .catch(function(error) { - console.log('There has been a problem with your fetch operation: ' + error); - // ADD THIS THROW error - throw error; - }); - } } -const styles = StyleSheet.create({ + const styles = StyleSheet.create({ container: { flex: 1, paddingTop: 15, From 52523fdabc255e895e0c392752dc8bc0fa511b4e Mon Sep 17 00:00:00 2001 From: ameyawebonise Date: Mon, 1 Apr 2019 14:07:23 +0530 Subject: [PATCH 05/43] Added basic navigation features --- EXPO/.expo/packager-info.json | 4 ++-- EXPO/navigation/MainTabNavigator.js | 1 - EXPO/screens/LinksScreen.js | 21 +++++++++++++++------ 3 files changed, 17 insertions(+), 9 deletions(-) diff --git a/EXPO/.expo/packager-info.json b/EXPO/.expo/packager-info.json index 5b39e19..2b1756b 100644 --- a/EXPO/.expo/packager-info.json +++ b/EXPO/.expo/packager-info.json @@ -2,9 +2,9 @@ "devToolsPort": 19002, "expoServerPort": 19000, "packagerPort": 19004, - "packagerPid": 41940, + "packagerPid": 42233, "expoServerNgrokUrl": "https://qq-bic.webo.expo.exp.direct", "packagerNgrokUrl": "https://packager.qq-bic.webo.expo.exp.direct", - "ngrokPid": 41958, + "ngrokPid": 42260, "webpackServerPort": null } \ No newline at end of file diff --git a/EXPO/navigation/MainTabNavigator.js b/EXPO/navigation/MainTabNavigator.js index a46b2cb..03c78e9 100644 --- a/EXPO/navigation/MainTabNavigator.js +++ b/EXPO/navigation/MainTabNavigator.js @@ -75,5 +75,4 @@ export default createBottomTabNavigator({ HomeStack, LinksStack, SettingsStack, - GridStack, }); diff --git a/EXPO/screens/LinksScreen.js b/EXPO/screens/LinksScreen.js index f41f629..cfe3d89 100644 --- a/EXPO/screens/LinksScreen.js +++ b/EXPO/screens/LinksScreen.js @@ -1,5 +1,5 @@ import React from 'react'; -import { ScrollView, StyleSheet } from 'react-native'; +import { FlatList, StyleSheet,Text,View,Button } from 'react-native'; import { ExpoLinksView } from '@expo/samples'; export default class LinksScreen extends React.Component { @@ -9,13 +9,22 @@ import { ExpoLinksView } from '@expo/samples'; render() { return ( - - {/* Go ahead and delete ExpoLinksView and replace it with your - * content, we just wanted to provide you with some helpful links */} - - + ); } + + _renderItem = ({item}) => ( + + {item.key} +