Change safe-area from position to padding

Makes the view stretch to the size of safe area instead of moving it from bottom. Fixes transparent background on navigation animation iPhoneX.  Fixes #9695

Do not set cover bg on android

Signed-off-by: yenda <eric@status.im>
This commit is contained in:
Gheorghe Pinzaru 2020-01-06 13:13:06 +03:00 committed by yenda
parent 83b738ee02
commit cb081f6d96
No known key found for this signature in database
GPG Key ID: 0095623C0069DCE6
2 changed files with 17 additions and 11 deletions

View File

@ -104,9 +104,8 @@
(defn tabs-animation-wrapper-ios
[content]
[react/view {:style tabs.styles/title-cover-wrapper-ios}
[react/view
[react/view
{:style tabs.styles/title-cover-wrapper}
content
(when platform/iphone-x?
[react/view
@ -119,7 +118,7 @@
keyboard-shown?
(main-tab? view-id))}
[react/view
{:style tabs.styles/title-cover-wrapper}
{:style tabs.styles/title-cover-wrapper-android}
content]])
(defn tabs-animation-wrapper [keyboard-shown? view-id tab]

View File

@ -129,16 +129,23 @@
:position :absolute
:height (- tabs-height minimized-tabs-height)
:align-self :stretch
:top tabs-height
:top 0
:right 0
:left 0})
(def title-cover-wrapper
{:position :absolute
:height tabs-height
:bottom (if platform/iphone-x? 34 0)
(def title-cover-wrapper-ios
{:left 0
:right 0
:left 0})
:bottom 0
:padding-bottom (if platform/iphone-x? 34 0)
:position :absolute
:background-color :white})
(def title-cover-wrapper-android
{:left 0
:right 0
:bottom 0
:position :absolute})
(defn animation-wrapper [keyboard-shown? main-tab?]
{:height (cond