some styling and navigation

shakacode · Nov 21, 2016 · 895cdd2 · 895cdd2
1 parent 9180d9d
commit 895cdd2
Show file tree

Hide file tree

Showing 6 changed files with 192 additions and 54 deletions.
diff --git a/mobile/ReactNativeTutorial/android/app/src/main/assets/fonts/FontAwesome.ttf b/mobile/ReactNativeTutorial/android/app/src/main/assets/fonts/FontAwesome.ttf
diff --git a/mobile/ReactNativeTutorial/android/app/src/main/assets/fonts/Octicons.ttf b/mobile/ReactNativeTutorial/android/app/src/main/assets/fonts/Octicons.ttf
diff --git a/mobile/ReactNativeTutorial/app/bundles/comments/components/Index/Footer/Footer.js b/mobile/ReactNativeTutorial/app/bundles/comments/components/Index/Footer/Footer.js
@@ -1,6 +1,8 @@
 // @flow
 import React from 'react';
 import { View, Text } from 'react-native';
+import { Icon } from 'react-native-elements';
+import { Actions } from 'react-native-router-flux';
 
 import styles from './FooterStyle';
 
@@ -10,6 +12,12 @@ type PropsType = {
 
 const Footer = (props: PropsType) => (
   <View style={styles.container}>
+    <Icon
+      raised
+      name='add'
+      color='#f50'
+      onPress={() => Actions.CommentsAdd()}
+    />
   </View>
 );
 

diff --git a/mobile/ReactNativeTutorial/app/bundles/comments/components/Index/Footer/FooterStyle.js b/mobile/ReactNativeTutorial/app/bundles/comments/components/Index/Footer/FooterStyle.js
@@ -2,8 +2,12 @@ import { StyleSheet } from 'react-native';
 
 const styles = StyleSheet.create({
   container: {
-    height: 50,
-    backgroundColor: '#EFEFF2'
+    height: 70,
+    backgroundColor: '#EFEFF2',
+    alignItems: 'center',
+    justifyContent: 'center',
+    borderTopWidth: 1,
+    borderTopColor: '#D2D2D2',
   },
 });
 

diff --git a/mobile/ReactNativeTutorial/app/setup/Router.js b/mobile/ReactNativeTutorial/app/setup/Router.js
@@ -6,16 +6,16 @@ import { Scene, Router, Reducer } from 'react-native-router-flux'
 const reducerCreate = params => {
   const defaultReducer = Reducer(params);
   return (state, action)=>{
-    console.log(`Executing navigation action %c${action.type}`, 'color: #519C00');
+    console.log(`Executing navigation action`, action);
     return defaultReducer(state, action);
   }
 };
 
 export default () => (
   <Router createReducer={reducerCreate} sceneStyle={{backgroundColor:'#F7F7F7', paddingTop: 66}}>
     <Scene key="root">
-      <Scene key="comments/index" component={Index} title="Comments"  initial={true} />
-      <Scene key="comments/add" component={Add} title="Add Comments" />
+      <Scene key="CommentsIndex" component={Index} title="Comments"  initial={true} />
+      <Scene key="CommentsAdd" component={Add} title="Add comment" />
     </Scene>
   </Router>
 )