[Fixes #8001] Fixes white flash on Android

Signed-off-by: Igor Mandrigin <i@mandrigin.ru>

src/status_im/ui/screens/browser/open_dapp/styles.cljs

@@ -3,18 +3,13 @@
   (:require [status-im.ui.components.colors :as colors]
             [status-im.ui.components.styles :as styles]))
 
-(def input-container
-  {:flex-direction    :row
-   :align-items       :center
-   :border-radius     styles/border-radius
-   :height            36
+(defstyle input
+  {:border-radius      styles/border-radius
    :background-color   colors/gray-lighter
    :margin-horizontal  16
    :margin-bottom      9
-   :margin-top        24})
-
-(defstyle input
-  {:flex               1
+   :margin-top         24
+   :height             36
    :padding-horizontal 14
    :desktop            {:height 30
                         :width  "100%"}

src/status_im/ui/screens/browser/open_dapp/views.cljs

@@ -50,7 +50,6 @@
                   url-text (atom nil)]
     [react/keyboard-avoiding-view {:style {:flex 1}}
      [status-bar/status-bar]
-     [react/view styles/input-container
      [react/text-input {:on-change-text      #(reset! url-text %)
                         :on-submit-editing   #(re-frame/dispatch [:browser.ui/dapp-url-submitted @url-text])
                         :placeholder         (i18n/label :t/enter-url)
@@ -58,15 +57,16 @@
                         :auto-correct        false
                         :style               styles/input
                         :accessibility-label :dapp-url-input
-                         :return-key-type     :go}]]
+                        :return-key-type     :go}]
      [components/separator]
      (if (empty? browsers)
        [list-header true]
-       [list/flat-list {:header         [list-header false]
-                        :data           browsers
+       [react/scroll-view
+        [list-header false]
+        [list/flat-list {:data           browsers
                          :footer         [react/view
                                           {:style {:height     tabs.styles/tabs-diff
                                                    :align-self :stretch}}]
                          :key-fn         :browser-id
                          :end-fill-color colors/white
-                        :render-fn      list-item}])]))
+                         :render-fn      list-item}]])]))