         [ui/view {:style {:flex 1
                           :flex-direction "column"
                           :align-items (if words-empty? "center" "stretch")
-                          :justify-content "center"}}
+                          :justify-content "center"
+                          :margin-top 20}}
          (if words-empty?
            [empty-well-known-words]
            [table-view {:num-rows   (count @well-known-words)

                        :back-color "black"
                        :style      {:flex 1}}])]))))


;; (defscreen
;;   well-known-screen
;;   ([props]
;;    [well-known-words-comp props])
;;   ([_]
;;    {:title          "Favorite"
;;     :navigatorStyle {:navBarTextColor          "#fff"
;;                      :navBarTransparent        true
;;                      :navBarButtonColor        "#fff"
;;                      :statusBarTextColorScheme "light"
;;                      :screenColor "black"}}))

;; (defn get-well-known-screen []
;;   (fn []
;;     [screen {:navigation-bar {:title "Favorite"
;;                               :tintColor "#fff"}}
;;      [well-known-words-comp]]))

(defn well-known-tab-icon [props]
  (r/as-element
   (if (true? (.-focused props))

                     :tintColor "#fff"}
    :tab-bar {:label "Favorite"
              :icon well-known-tab-icon}}
   well-known-words-comp))
