How to remove top margin from SafeViewArea | React Native | iPhoneX

Question

I need to use SafeViewArea for iPhoneX, but when i have putted SafeViewArea then some unwanted extra margin from top is showing.

My Code snippet -

render () {

    return (

      <SafeAreaView forceInset={{ top: 'always' }} style={styles.applicationView}>
        <View style={styles.applicationView}>
          <StatusBar barStyle='light-content'/>
          <ReduxNavigation/>
        </View>
      </SafeAreaView>
    )
  }

styles.js

export default StyleSheet.create({
  applicationView: {
    flex: 1
  },
  container: {
    flex: 1,
    justifyContent: 'center',
    backgroundColor: Colors.background
  },
  welcome: {
    fontSize: 20,
    textAlign: 'center',
    fontFamily: Fonts.type.base,
    margin: Metrics.baseMargin
  },
  myImage: {
    width: 200,
    height: 200,
    alignSelf: 'center'
  }
})

EDIT: How to remove the shadow of SurfaceViewArea?

Suggestions appreciated. Thanks in advance.