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

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.