Update home and expo pkg to use SafeAreaView from react-native-safe-a…

…rea-context
expo · May 23, 2020 · 9bcd7c4 · 9bcd7c4
1 parent 63f1aa0
commit 9bcd7c4
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 14 deletions.
diff --git a/home/package.json b/home/package.json
@@ -51,6 +51,7 @@
     "react-native-gesture-handler": "~1.6.0",
     "react-native-infinite-scroll-view": "^0.4.5",
     "react-native-maps": "0.26.1",
+    "react-native-safe-area-context": "^2.0.0",
     "react-navigation": "4.1.0-alpha.1",
     "react-navigation-material-bottom-tabs": "1.1.1",
     "react-navigation-stack": "^2.0.15",

diff --git a/packages/expo/build/environment/DevLoadingView.ios.d.ts b/packages/expo/build/environment/DevLoadingView.ios.d.ts
diff --git a/packages/expo/build/environment/DevLoadingView.ios.js b/packages/expo/build/environment/DevLoadingView.ios.js
diff --git a/packages/expo/build/environment/DevLoadingView.ios.js.map b/packages/expo/build/environment/DevLoadingView.ios.js.map
diff --git a/packages/expo/package.json b/packages/expo/package.json
@@ -80,6 +80,7 @@
     "pretty-format": "^23.6.0",
     "prop-types": "^15.6.0",
     "qs": "^6.5.0",
+    "react-native-safe-area-context": "^2.0.0",
     "serialize-error": "^2.1.0",
     "unimodules-app-loader": "~1.0.2",
     "unimodules-barcode-scanner-interface": "~5.1.0",

diff --git a/packages/expo/src/environment/DevLoadingView.ios.tsx b/packages/expo/src/environment/DevLoadingView.ios.tsx
@@ -1,13 +1,6 @@
 import React, { useEffect, useState, useRef } from 'react';
-import {
-  Animated,
-  StyleSheet,
-  SafeAreaView,
-  Text,
-  NativeModules,
-  NativeEventEmitter,
-  View,
-} from 'react-native';
+import { Animated, StyleSheet, Text, NativeModules, NativeEventEmitter, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 
 const NativeDevLoadingView = NativeModules.DevLoadingView;
 const nativeDevLoadingViewEventEmitter = new NativeEventEmitter(NativeDevLoadingView);
@@ -69,11 +62,12 @@ export default function DevLoadingView() {
       <Animated.View
         style={[styles.animatedContainer, { transform: [{ translateY }] }]}
         pointerEvents="none">
-        <SafeAreaView style={styles.banner}>
+        <SafeAreaView style={styles.banner} edges={['bottom']}>
           <View style={styles.contentContainer}>
             <View style={{ flexDirection: 'row' }}>
               <Text style={styles.text}>{isDevLoading ? 'Refreshing...' : 'Refreshed'}</Text>
             </View>
+
             <View style={{ flex: 1 }}>
               <Text style={styles.subtitle}>
                 {isDevLoading ? 'Using Fast Refresh' : "Don't see your changes? Reload the app"}

diff --git a/yarn.lock b/yarn.lock
@@ -14082,7 +14082,7 @@ react-native-reanimated@~1.9.0:
   dependencies:
     fbjs "^1.0.0"
 
-react-native-safe-area-context@2.0.0:
+react-native-safe-area-context@2.0.0, react-native-safe-area-context@^2.0.0:
   version "2.0.0"
   resolved "https://registry.yarnpkg.com/react-native-safe-area-context/-/react-native-safe-area-context-2.0.0.tgz#7ef48e5a83a1e2f7fe9d5321493822b6765fd1ab"
   integrity sha512-5VtCI3Nluzm7QfTcB/3j4YeWqt25QO1u5KTA1jEg1ckJzV19qCZFyHIpCCkS5+VEX+2JEHfdczhCdwE5sPgyEw==