Safe Area in React Native

react.native.safe-area.jsx

import React, {Component} from 'react';
import {SafeAreaView, StyleSheet, View} from 'react-native';

// https://medium.com/react-native-training/react-native-iphonex-92ff511282af
export default class App extends Component < {} > {
  render() {
    return (<SafeAreaView style={styles.safeArea}>
      <View/>
    </SafeAreaView>);
  }
}

const styles = StyleSheet.create({
  safeArea: {
    flex: 1
  }
});