                                 (fn [props]
                                   (let [chat-name (-> props .-navigation .-state .-params (aget "chat-name"))]
                                     #js {:title chat-name
+                                         :headerLeft (stack-navigator-back-button props)
                                          :headerTitleStyle #js{:fontWeight "normal"
                                                                :color "#6e6e6e"}}))}
 
                         "Contacts" {:screen (r/reactify-component ContactsScreen)
-                                    :navigationOptions {:title "Contacts"
-                                                        :headerTitleStyle #js{:fontWeight "normal"
-                                                                              :color "#6e6e6e"}}}})}
+                                    :navigationOptions
+                                    (fn [props]
+                                      #js{:title "Contacts"
+                                          :headerLeft (stack-navigator-back-button props)
+                                          :headerTitleStyle #js{:fontWeight "normal"
+                                                                :color "#6e6e6e"}})}})}
 
      "Settings" {:screen (stack-navigator
                           {"Settings" {:screen (r/reactify-component SettingsScreen)


(defn add-chat-button [navigation]
  [ui/touchable-highlight {:on-press #(navigation.navigate "Contacts")
                           :style {:margin-right 20}}
   [ui/icon {:name "add-circle" :size 36 :color color/pink}]])

;; NAVIGATION ROUTES

(defn menu-button [navigation]
  [ui/touchable-highlight {:style {:margin-left 10}
                           :on-press #(navigation.navigate "DrawerOpen")}
   [ui/icon {:name "menu" :size 36 :color color/grey}]])

(defn drawer-nav-button []
  [ui/touchable-opacity
   [ui/view {:style {:flexDirection :row
                     :height 50
                     :paddingLeft 15
                     :backgroundColor "#fff0"
                     :borderTopWidth 0.5
                     :borderColor "#fff"}}
    [ui/text {:style {:fontSize 36
                      :color "#fff"}} "Name"]]])

(defn drawer-item
  ([title on-press]

  (r/reactify-component
   (StackNavigator (clj->js routes)
                   (clj->js {:headerTitleStyle {:fontWeight :normal}}))))

(defn stack-navigator-back-button [props]
  (r/as-element
   [ui/touchable-highlight {:on-press #(props.navigation.goBack nil)
                            :style {:margin-left 15}
                            :underlay-color color/grey}
    [ui/icon {:name "chevron-left" :size 36 :color color/pink}]]))

(defn drawer-nav-opts
  ([title]
