withSafeAreaView.js

// @flow
import React from 'react';
import hoistNonReactStatics from 'hoist-non-react-statics';
import SafeAreaView from '../../lib/react-native-safe-area-view';

export default function withSafeAreaView(
  WrappedComponent: ReactClass<*>,
): () => React.Element<*> {
  function EnhancedComponent(props: any) {
    return (
      <SafeAreaView style={{ flex: 1, backgroundColor: '#CCC' }}>
        <WrappedComponent {...props} />
      </SafeAreaView>
    );
  }
  return hoistNonReactStatics(EnhancedComponent, WrappedComponent);
}