diff --git a/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js b/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js new file mode 100644 index 00000000000000..250c2cd5c255be --- /dev/null +++ b/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js @@ -0,0 +1,25 @@ +/** + * Copyright (c) Facebook, Inc. and its affiliates. + * + * This source code is licensed under the MIT license found in the + * LICENSE file in the root directory of this source tree. + * + * @format + * @flow + */ + +const requireNativeComponent = require('requireNativeComponent'); + +import type {ViewProps} from 'ViewPropTypes'; +import type {NativeComponent} from 'ReactNative'; + +type NativeProps = $ReadOnly<{| + ...ViewProps, + emulateUnlessSupported?: boolean, +|}>; + +type RCTSafeAreaViewNativeType = Class>; + +module.exports = ((requireNativeComponent( + 'RCTSafeAreaView', +): any): RCTSafeAreaViewNativeType); diff --git a/Libraries/Components/SafeAreaView/SafeAreaView.js b/Libraries/Components/SafeAreaView/SafeAreaView.js index 6f4ecf3ac867b4..916852aa42607d 100644 --- a/Libraries/Components/SafeAreaView/SafeAreaView.js +++ b/Libraries/Components/SafeAreaView/SafeAreaView.js @@ -11,7 +11,6 @@ const Platform = require('Platform'); const React = require('React'); const View = require('View'); -const requireNativeComponent = require('requireNativeComponent'); import type {ViewProps} from 'ViewPropTypes'; @@ -39,10 +38,15 @@ if (Platform.OS === 'android') { } }; } else { - const RCTSafeAreaView = requireNativeComponent('RCTSafeAreaView'); + const RCTSafeAreaViewNativeComponent = require('RCTSafeAreaViewNativeComponent'); exported = class SafeAreaView extends React.Component { render(): React.Node { - return ; + return ( + + ); } }; }