Paginated list

.expo/packager-info.json

@@ -0,0 +1,3 @@
+{
+  "devToolsPort": 19003
+}

.expo/settings.json

@@ -0,0 +1,7 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null
+}

.vscode/settings.json

@@ -0,0 +1,5 @@
+{
+    "cSpell.words": [
+        "ionicons"
+    ]
+}

EXPO/.expo-shared/assets.json

@@ -0,0 +1,25 @@
+{
+  "29b936d22e34d12149dcf240751167773fcd346dba241255e7235c35c1db4649": true,
+  "7208ab5f27026e1a104e178bed54dee08266b82b62352d24fe054f5c9433d918": true,
+  "488e60f849a6e34a7534f6e716231a41574fd947fca90dc249fc1bffc025ef11": true,
+  "e9f512a3a90545f75ba0a905a26e3a91d9f064cc8b745f1d95b55ef51d207186": true,
+  "b46eb55bcc1d2c3c90438554d29f2aeff0a1f43d0f730c97874522343a3b5584": true,
+  "8e7ec28eac8c3cbce745566c730d8a349427c352ac59b501fd9132f399e54dac": true,
+  "7adc6cdde1172c646f8dda7fcb1186d148e59e6d2a40774bd7e03281a653f19c": true,
+  "d64a5b98ad82d1490c6b4000a35d16df16172ebee8c51369a3e09f0e7b77c286": true,
+  "7da26cb459aeeeee62c5434090457a31389dd2790bacdf6872e89bade5d79c64": true,
+  "10346527957069c46c8969e88e90791479cf2a70fa2b2ee586d37e09e5a1efac": true,
+  "ba5e44c26119ec6f02fdbe0038681242b5135a3859b82118d7d9c9bd38d0aecd": true,
+  "474924a7135f9ff9f85e9c20c91640661b5bc345292a5cba7cd3420091d96f67": true,
+  "c677589a0ff718a477d9625bed18736807b443fd5c6602277afc5bd5d9f91023": true,
+  "49bd7289547c4aebfc2f08f5db6586f0f463575514c60860590a1d620b747de6": true,
+  "af0b5fc3cf74601178b4773c76f0597d06a470a202c9710d231d993d1cb5b7e3": true,
+  "3a8df8687920f95b0ef92c569308b39265e2340f4091bdf572c45533bfc841a9": true,
+  "796951473c719ad8e46b7b70380efd80d26df0c11d3469d6212a56e8ef71cc18": true,
+  "85a7411800d1e49af4ebac9d4bce0aed4fdf9e93715dfbb64c04026e5c3d9b72": true,
+  "dd783a7cbdbb29800782f11af86c80df4961140b1a280481f64df031e2ea0ff9": true,
+  "56c9fb27cc81c58def169fab4931082bea01df38ccb1c88f754828d52391eb6c": true,
+  "89ed26367cdb9b771858e026f2eb95bfdb90e5ae943e716575327ec325f39c44": true,
+  "87936c7fdadc13403cda996cd945689c17e7a5645a0973531cd1ffaa78bbd07d": true,
+  "1df6f62c745eb22a9de81b5d8e0c8d42537021bc55b2bf27f6491e5c7d7e09eb": true
+}

EXPO/.expo/packager-info.json

@@ -1,9 +1,10 @@
 {
   "devToolsPort": 19002,
-  "expoServerPort": 19000,
-  "packagerPort": 19001,
-  "packagerPid": 71365,
-  "expoServerNgrokUrl": "https://qq-bic.webo.expo.exp.direct",
-  "packagerNgrokUrl": "https://packager.qq-bic.webo.expo.exp.direct",
-  "ngrokPid": 71379
+  "expoServerPort": null,
+  "packagerPort": null,
+  "packagerPid": null,
+  "expoServerNgrokUrl": null,
+  "packagerNgrokUrl": null,
+  "ngrokPid": null,
+  "webpackServerPort": null
 }

EXPO/.expo/settings.json

@@ -3,5 +3,5 @@
   "lanType": "ip",
   "dev": true,
   "minify": false,
-  "urlRandomness": "qq-bic"
+  "urlRandomness": "96-s2n"
 }

EXPO/App.js

@@ -1,8 +1,7 @@
 import React from 'react';
-import { Platform, StatusBar, StyleSheet, View } from 'react-native';
-import { AppLoading, Asset, Font, Icon } from 'expo';
+import { Platform, StatusBar, StyleSheet, View,Image } from 'react-native';
+import { AppLoading,SplashScreen, Asset, Font, Icon } from 'expo';
 import AppNavigator from './navigation/AppNavigator';
-
 export default class App extends React.Component {
   state = {
     isLoadingComplete: false,
@@ -60,3 +59,73 @@ const styles = StyleSheet.create({
     backgroundColor: '#fff',
   },
 });
+
+/*
+export default class App extends React.Component {
+  state = {
+    isSplashReady: false,
+    isAppReady: false,
+  };
+
+  render() {
+    if (!this.state.isSplashReady) {
+      return (
+        <AppLoading
+          startAsync={this._cacheSplashResourcesAsync}
+          onFinish={() => this.setState({ isSplashReady: true })}
+          onError={console.warn}
+          autoHideSplash={false}
+        />
+      );
+    }
+
+    if (!this.state.isAppReady) {
+      return (
+        <View style={{ flex: 1 }}>
+          <Image style= {{width: 100,height: 100}}
+            source={require('./assets/images/weboniseIcon.png')} 
+           // source = {{uri: 'http://www.clipartsmania.com/gif/animals_gif/cartoon_birds_blue_flying_animation_clipart.gif'}}
+            onLoad={this._cacheResourcesAsync}
+          />
+        </View>
+      );
+    }
+/*
+ <Image style= {{width: 100,height: 100, borderRadius: 100/2, margin:5}}
+               source = {{uri: item.avatar}}
+         /> */
+   /* return (
+      <View style={styles.container}>
+        {Platform.OS === 'ios' && <StatusBar barStyle="default" />}
+        <AppNavigator />
+      </View>
+    );    
+  }
+
+  _cacheSplashResourcesAsync = async () => {
+    const gif = require('./assets/images/weboniseIcon.png');
+    return Asset.fromModule(gif).downloadAsync()
+  }
+
+  _cacheResourcesAsync = async () => {
+    SplashScreen.hide();
+    const images = [
+      require('./assets/images/webonise-logo.png'),
+      require('./assets/images/robot-dev.png'),
+    ];
+
+    const cacheImages = images.map((image) => {
+      return Asset.fromModule(image).downloadAsync();
+    });
+
+    await Promise.all(cacheImages);
+    this.setState({ isAppReady: true });
+  }
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    backgroundColor: '#0000',
+  },
+});  */

EXPO/app.json

@@ -1,29 +1,29 @@
 {
   "expo": {
-    "name": "AWESOME EXPO",
+    "name": "Webo Native Gallery",
     "slug": "EXPO",
     "privacy": "public",
     "sdkVersion": "32.0.0",
-    "platforms": [
-      "ios",
-      "android"
-    ],
-    "version": "1.0.0",
-    "orientation": "portrait",
-    "icon": "./assets/images/icon.png",
+    "platforms": ["ios", "android"],
+    "version": "1.0.1",
+    "icon": "./assets/images/1234.png",
+    "orientation": "default",
     "splash": {
-      "image": "./assets/images/splash.png",
-      "resizeMode": "contain",
-      "backgroundColor": "#ffffff"
+      "image": "./assets/images/splashWebonise.png",
+    // "resizeMode": "contain",
+      "backgroundColor": "#ffffff",
     },
     "updates": {
       "fallbackToCacheTimeout": 0
     },
-    "assetBundlePatterns": [
-      "**/*"
-    ],
+    "assetBundlePatterns": ["**/*"],
     "ios": {
-      "supportsTablet": true
+      "supportsTablet": true,
+      "bundleIdentifier": "com.weboniselab.DemoReactApp"
+    },
+    "android": {
+      "package": "com.weboniselab.DemoReactApp",
+      "permissions": ["ACCESS_FINE_LOCATION"]
     }
   }
-}
+}

EXPO/clear/.expo/packager-info.json

@@ -0,0 +1,3 @@
+{
+  "devToolsPort": 19003
+}

EXPO/clear/.expo/settings.json

@@ -0,0 +1,7 @@
+{
+  "hostType": "lan",
+  "lanType": "ip",
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null
+}

EXPO/components/ListItemView.js

@@ -0,0 +1,42 @@
+import React from "react";
+import { StyleSheet,  View,FlatList } from "react-native";
+import {Card,Image,Text} from 'react-native-elements'
+
+
+export class ListItemView extends React.Component {
+    renderData() {
+        const {data,imageKey,titleKey,buttonText,bottomView } = this.props;
+        return (
+            <FlatList data ={data}
+                keyExtractor = {(item,index) => index.toString}
+                renderItem={ ({item, index}) => {
+                    return(
+                        <Card> 
+                            key= {index.toString}
+                            title={item[titleKey]}
+                            image={{uri:item[imageKey]}}>
+                            {bottomView(item)}
+                        </Card>
+                    )
+                }
+            }
+            />
+        )
+    }
+  render() {
+    const { data } = this.props;
+    if(data && data.length > 0) {
+        return this.renderData();
+    }else {
+        return <View> </View>
+    }
+  }
+
+}
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    paddingTop: 15
+  }
+});

EXPO/constants/APIConst.js

@@ -0,0 +1,12 @@
+
+
+export var APIConst = {
+    baseURL: 'https://maps.googleapis.com/maps/api/place/nearbysearch/json?location=',
+    apiKey: 'AIzaSyAcfolOabZSM9t_m0fqgOlYVgRa5eHAwMU',
+    imageCONST: 'https://maps.googleapis.com/maps/api/place/photo?photoreference=',
+    paginatedAPIURL: 'https://reqres.in/api/users/?page=',
+    //'AIzaSyD7JZmztK5wE-80P8t-_IOHZQinVtx4Dio',
+    URNConst: {
+      nearByURN: '&radius=1500&type=restaurant&key=',
+    }
+ }

EXPO/constants/STRING_CONSTANTS.js

@@ -0,0 +1,24 @@
+const  STRING_CONSTANTS = {
+    DISTANCE: 'Distance:',
+    GOBACKHOME: 'Go back home',
+    ASYNCHSTORE_FETCH: 'fetched from Asynch store',
+    SECURESTORE_FETCH:'fetched from Secure store',
+    CLICKHERE: 'Click here to set Image.',
+    SETPICTURE_MSG:'Click here to set picture.',
+    CAMERA_TITLE: 'click from Camera',
+    GALLARY_TITLE: 'select from  Gallary or Photos',
+    NEARBY_ME_TITLE: 'Near by me',
+    LINKS:'Links',
+    SETTINGS_TITLE:'Settings',
+    WAITING:'Waiting..',
+    ALLOW_LOCATION_PERMISSION : 'Allow location permission.',
+    GRANT_PERMISSION : 'Grant Permission',
+    APPLOCATION_ACCESS : 'App needs location access.',
+    OK_TITLE: 'OK',
+    CANCEL_TITLE: 'Cancel',
+    DISMISS: 'Dismiss',
+    NOTIFICATIONS_TITLE: 'Notifications',
+    PAGINATED_TITLE: 'Paginated Grid Example',
+}
+
+export default  STRING_CONSTANTS;

EXPO/constants/Utility.js

@@ -0,0 +1,44 @@
+
+import { Platform } from "react-native";
+
+export default class Utility {
+
+    static myInstace = null;
+    static sharedInstance() {
+        if (Utility.myInstace == null) {
+            Utility.myInstace = new Utility();
+        }
+        return this.myInstace
+    }
+
+    isAndroid() {
+        if (Platform.OS !== "ios") {
+            return true
+        }else {
+            return false
+        }
+    }
+
+    calculateDistanceBetLatAndLong(lat1, lon1, lat2, lon2, unit) {
+        if ((lat1 == lat2) && (lon1 == lon2)) {
+          return 0;
+        }
+        else {
+          var radlat1 = Math.PI * lat1/180;
+          var radlat2 = Math.PI * lat2/180;
+          var theta = lon1-lon2;
+          var radtheta = Math.PI * theta/180;
+          var dist = Math.sin(radlat1) * Math.sin(radlat2) + Math.cos(radlat1) * Math.cos(radlat2) * Math.cos(radtheta);
+          if (dist > 1) {
+            dist = 1;
+          }
+          dist = Math.acos(dist);
+          dist = dist * 180/Math.PI;
+          dist = dist * 60 * 1.1515;
+          if (unit=="K") { dist = dist * 1.609344 }
+          if (unit=="N") { dist = dist * 0.8684 }
+          return dist;
+        }
+      }
+
+} 

EXPO/native-base-theme/components/Badge.js

@@ -0,0 +1,38 @@
+// @flow
+
+import variable from "./../variables/platform";
+
+export default (variables /*: * */ = variable) => {
+  const badgeTheme = {
+    ".primary": {
+      backgroundColor: variables.btnPrimaryBg
+    },
+    ".warning": {
+      backgroundColor: variables.btnWarningBg
+    },
+    ".info": {
+      backgroundColor: variables.btnInfoBg
+    },
+    ".success": {
+      backgroundColor: variables.btnSuccessBg
+    },
+    ".danger": {
+      backgroundColor: variables.btnDangerBg
+    },
+    "NativeBase.Text": {
+      color: variables.badgeColor,
+      fontSize: variables.fontSizeBase,
+      lineHeight: variables.lineHeight - 1,
+      textAlign: "center",
+      paddingHorizontal: 3
+    },
+    backgroundColor: variables.badgeBg,
+    padding: variables.badgePadding,
+    paddingHorizontal: 6,
+    alignSelf: "flex-start",
+    justifyContent: variables.platform === "ios" ? "center" : undefined,
+    borderRadius: 13.5,
+    height: 27
+  };
+  return badgeTheme;
+};