Continue button is invisible behind keyboard in Add Address To Watch … (#17940)

src/status_im2/contexts/wallet/add_address_to_watch/style.cljs

@@ -5,12 +5,6 @@
    :margin-top        12
    :margin-bottom     20})
 
-(def button-container
-  {:position :absolute
-   :bottom   22
-   :left     20
-   :right    20})
-
 (def scan
   {:align-self
    :flex-end})

src/status_im2/contexts/wallet/add_address_to_watch/view.cljs

@@ -5,6 +5,7 @@
     [react-native.clipboard :as clipboard]
     [react-native.core :as rn]
     [reagent.core :as reagent]
+    [status-im2.common.floating-button-page.view :as floating-button-page]
     [status-im2.contexts.wallet.add-address-to-watch.style :as style]
     [status-im2.contexts.wallet.common.validation :as validation]
     [utils.i18n :as i18n]
@@ -82,12 +83,22 @@
     (fn []
       [rn/view
        {:style {:flex 1}}
-       [quo/page-nav
+       [floating-button-page/view
+        {:header [quo/page-nav
                   {:type      :no-title
                    :icon-name :i/close
                    :on-press  (fn []
                                 (rf/dispatch [:wallet/clean-scanned-address])
                                 (rf/dispatch [:navigate-back]))}]
+         :footer
+         [quo/button
+          {:customization-color customization-color
+           :disabled?           (string/blank? @input-value)
+           :on-press            #(rf/dispatch [:navigate-to
+                                               :confirm-address-to-watch
+                                               {:address @input-value}])
+           :container-style     {:z-index 2}}
+          (i18n/label :t/continue)]}
         [quo/text-combinations
          {:container-style style/header-container
           :title           (i18n/label :t/add-address)
@@ -104,12 +115,4 @@
             :icon                :i/info
             :type                :error
             :style               style/info-message}
-          @validation-msg])
-       [quo/button
-        {:customization-color customization-color
-         :disabled?           (string/blank? @input-value)
-         :on-press            #(rf/dispatch [:navigate-to
-                                             :confirm-address-to-watch
-                                             {:address @input-value}])
-         :container-style     style/button-container}
-        (i18n/label :t/continue)]])))
+           @validation-msg])]])))