Merge pull request #3555 from kaloudis/deprecation-safeareaview

deprecation: SafeAreaView

Author: kaloudis

components/HopPicker.tsx

@@ -8,9 +8,9 @@ import {
     Text,
     TouchableOpacity,
     TouchableHighlight,
-    ViewStyle,
-    SafeAreaView
+    ViewStyle
 } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { inject, observer } from 'mobx-react';
 
 import { themeColor } from '../utils/ThemeUtils';

components/Screen.tsx

@@ -1,6 +1,7 @@
 import { observer } from 'mobx-react';
 import { PureComponent, ReactNode } from 'react';
-import { SafeAreaView, ViewStyle } from 'react-native';
+import { ViewStyle } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import LinearGradient from './LinearGradient';
 
 import { themeColor } from '../utils/ThemeUtils';

views/Intro.tsx

@@ -1,5 +1,6 @@
 import React, { useState, useRef } from 'react';
-import { Dimensions, Image, Text, View, SafeAreaView } from 'react-native';
+import { Dimensions, Image, Text, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { useSharedValue } from 'react-native-reanimated';
 import Carousel, {
     Pagination,

views/IntroSplash.tsx

@@ -5,9 +5,9 @@ import {
     ImageBackground,
     NativeEventSubscription,
     View,
-    SafeAreaView,
     Text
 } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { inject, observer } from 'mobx-react';
 import { StackNavigationProp } from '@react-navigation/stack';
 import { v4 as uuidv4 } from 'uuid';

views/MultiQR.tsx

@@ -1,5 +1,6 @@
 import React, { useEffect, useState, useRef } from 'react';
-import { Dimensions, View, SafeAreaView } from 'react-native';
+import { Dimensions, View } from 'react-native';
+import { SafeAreaView } from 'react-native-safe-area-context';
 import { Route } from '@react-navigation/native';
 import { StackNavigationProp } from '@react-navigation/stack';