added basic navigation screens

Author: justin k xavier

App.js

@@ -0,0 +1,81 @@
+/**
+ * Sample React Native App
+ * https://github.com/facebook/react-native
+ *
+ * @format
+ * @flow
+ */
+
+import React from 'react';
+import {
+  SafeAreaView,
+  StyleSheet,
+  ScrollView,
+  View,
+  Text,
+  StatusBar,
+} from 'react-native';
+
+import {
+  Header,
+  LearnMoreLinks,
+  Colors,
+  DebugInstructions,
+  ReloadInstructions,
+} from 'react-native/Libraries/NewAppScreen';
+import { Navigation } from './navigation';
+import NavigationService from './utils/navigationService';
+
+const App = () => {
+  return (
+    
+        
+          <Navigation
+            ref={navigatorRef => {
+              NavigationService.setTopLevelNavigator(navigatorRef);
+            }}
+          />
+  
+  );
+};
+
+const styles = StyleSheet.create({
+  scrollView: {
+    backgroundColor: Colors.lighter,
+  },
+  engine: {
+    position: 'absolute',
+    right: 0,
+  },
+  body: {
+    backgroundColor: Colors.white,
+  },
+  sectionContainer: {
+    marginTop: 32,
+    paddingHorizontal: 24,
+  },
+  sectionTitle: {
+    fontSize: 24,
+    fontWeight: '600',
+    color: Colors.black,
+  },
+  sectionDescription: {
+    marginTop: 8,
+    fontSize: 18,
+    fontWeight: '400',
+    color: Colors.dark,
+  },
+  highlight: {
+    fontWeight: '700',
+  },
+  footer: {
+    color: Colors.dark,
+    fontSize: 12,
+    fontWeight: '600',
+    padding: 4,
+    paddingRight: 12,
+    textAlign: 'right',
+  },
+});
+
+export default App;

App/App.js

@@ -0,0 +1,16 @@
+import React, {PureComponent} from 'react';
+import {View, Text, Button} from 'react-native';
+import {GlobalStyle} from '../../theme/global';
+
+export default class AboutScreen extends PureComponent {
+  render() {
+    return (
+      <View style={[GlobalStyle.mainContainer]}>
+        <Text>AboutScreen</Text>
+        <Button
+          onPress={() => this.props.navigation.push('details')}
+          title="go to details"></Button>
+      </View>
+    );
+  }
+}

App/containers/about/index.js

@@ -0,0 +1,23 @@
+import React, {PureComponent} from 'react';
+import {View, Text, Button} from 'react-native';
+
+export default class DetailsScreens extends PureComponent {
+  constructor(props) {
+    super(props);
+  }
+  render() {
+    return (
+      <View
+        style={{
+          flex: 1,
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}>
+        <Text>Details</Text>
+        <Button
+          onPress={() => this.props.navigation.pop()}
+          title="go Back"></Button>
+      </View>
+    );
+  }
+}

App/containers/details/index.js

@@ -0,0 +1,26 @@
+import React, {PureComponent} from 'react';
+import {View, Text, Button} from 'react-native';
+import NavigationService from '../../utils/navigationService';
+import storageService from '../../utils/storageService';
+
+export default class LoginScreen extends PureComponent {
+  render() {
+    return (
+      <View
+        style={{
+          flex: 1,
+          padding: 20,
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}>
+        <Text>Login</Text>
+        <Button
+          onPress={() => {
+            storageService.setApiKey('12345');
+            NavigationService.navigate('Home');
+          }}
+          title="click"></Button>
+      </View>
+    );
+  }
+}

App/containers/login/index.js

@@ -0,0 +1,17 @@
+import React, {PureComponent} from 'react';
+import {View, Text} from 'react-native';
+
+export default class ProfileScreen extends PureComponent {
+  render() {
+    return (
+      <View
+        style={{
+          flex: 1,
+          justifyContent: 'center',
+          alignItems: 'center',
+        }}>
+        <Text>Profile</Text>
+      </View>
+    );
+  }
+}

App/containers/profile/index.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import SafeAreaView from 'react-native-safe-area-view';
+import {DrawerNavigatorItems} from 'react-navigation-drawer';
+import { StyleSheet, ScrollView } from 'react-native';
+
+
+export const SidemenuScreen = props => (
+  <ScrollView>
+    <SafeAreaView
+      style={styles.container}
+      forceInset={{top: 'always', horizontal: 'never'}}>
+      <DrawerNavigatorItems {...props} />
+    </SafeAreaView>
+  </ScrollView>
+);
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+  },
+});