From 8673bc69c40b017fd858f92e0737cafff0bb8878 Mon Sep 17 00:00:00 2001 From: Elias Nahum Date: Tue, 5 Jun 2018 11:47:59 -0400 Subject: [PATCH] Fix iPhone X safe area insets to avoid jumps (#1728) --- app/components/safe_area_view/safe_area_view.ios.js | 6 +++++- 1 file changed, 5 insertions(+), 1 deletion(-) diff --git a/app/components/safe_area_view/safe_area_view.ios.js b/app/components/safe_area_view/safe_area_view.ios.js index 3d4544bde..8e648001e 100644 --- a/app/components/safe_area_view/safe_area_view.ios.js +++ b/app/components/safe_area_view/safe_area_view.ios.js @@ -40,7 +40,10 @@ export default class SafeAreaIos extends PureComponent { this.state = { keyboard: false, safeAreaInsets: { - top: 20, left: 0, bottom: 15, right: 0, + top: this.isX ? 44 : 20, + left: 0, + bottom: this.isX ? 34 : 15, + right: 0, }, statusBarHeight: 20, }; @@ -87,6 +90,7 @@ export default class SafeAreaIos extends PureComponent { if (this.isX) { SafeArea.getSafeAreaInsetsForRootView().then((result) => { const {safeAreaInsets} = result; + if (this.mounted) { this.setState({safeAreaInsets}); }