title: <SafeAreaView> not work (Views go above the notification tab)
body: <p>For some reason safeAreaView does not work in my code, Views go above the notification tab. I've tried a few things but couldn't. I tried to take the style of safeAreaView and create a view below safeAreaView that involves all the code and then in that view put that style, but it didn't work either!</p>
  
  <pre><code>import React from 'react';
  import { SafeAreaView, StyleSheet, View, Image, Text } from 'react-native';
  
  export default function Menu({ navigation }){
  
      return &lt;SafeAreaView style={styles.container}&gt;
          &lt;View style={styles.profile}&gt;
              &lt;Image source={{uri: 'https://elysator.com/wp-content/uploads/blank-profile-picture-973460_1280-e1523978675847.png'}} style={styles.imageProfile} /&gt;
              &lt;Text style={styles.name}&gt;StackOverFlow&lt;/Text&gt;
          &lt;/View&gt;
      &lt;/SafeAreaView&gt;
  }
  
  const styles = StyleSheet.create({
      container: {
          flex: 1,
      },
      profile: {
          flexDirection: 'row',
          backgroundColor: '#EEE',
      },
      imageProfile: {
          width: 34,
          marginBottom: 5,
          marginTop: 5,
          borderRadius: 44/2,
          marginLeft: 10,
          height: 34
      },
      name: {
          alignSelf: 'center',
          marginLeft: 10,
          fontSize: 16
      }
  });
  </code></pre>