showing the add post modal

drorbiran · Jun 14, 2018 · da86957 · da86957
1 parent 9d39a6e
commit da86957
Show file tree

Hide file tree

Showing 2 changed files with 26 additions and 2 deletions.
diff --git a/src/posts/screens/AddPost.js b/src/posts/screens/AddPost.js
@@ -3,6 +3,16 @@ import {View, Text} from 'react-native-ui-lib';
 
 class AddPost extends PureComponent {
 
+  static get options() {
+    return {
+      topBar: {
+        title: {
+          text: 'Add Post'
+        }
+      }
+    };
+  }
+
   render() {
     return (
       <View flex center bg-green60>

diff --git a/src/posts/screens/PostsList.js b/src/posts/screens/PostsList.js
@@ -6,14 +6,14 @@ import {Navigation} from 'react-native-navigation';
 class PostsList extends PureComponent {
 
   static propTypes = {
-    navigator: PropTypes.object,
     componentId: PropTypes.string
   };
 
   constructor(props) {
     super(props);
 
     this.pushViewPostScreen = this.pushViewPostScreen.bind(this);
+    this.showAddPostModal = this.showAddPostModal.bind(this);
   }
 
   static get options() {
@@ -30,7 +30,9 @@ class PostsList extends PureComponent {
   }
 
   onNavigationButtonPressed(buttonId) {
-    console.error(buttonId);
+    if (buttonId === 'addPost') {
+      this.showAddPostModal();
+    }
   }
 
   pushViewPostScreen() {
@@ -51,6 +53,18 @@ class PostsList extends PureComponent {
     });
   }
 
+  showAddPostModal() {
+    Navigation.showModal({
+      stack: {
+        children: [{
+          component: {
+            name: 'blog.AddPost',
+          }
+        }]
+      }
+    });
+  }
+
 
 
   render() {