1import React from 'react'; 2import {StyleProp, ViewStyle} from 'react-native'; 3import {SafeAreaView} from 'react-native-safe-area-context'; 4 5interface IVerticalSafeAreaViewProps { 6 mode?: 'margin' | 'padding'; 7 children: JSX.Element | JSX.Element[]; 8 style?: StyleProp<ViewStyle>; 9} 10export default function VerticalSafeAreaView( 11 props: IVerticalSafeAreaViewProps, 12) { 13 const {children, style, mode} = props; 14 return ( 15 <SafeAreaView style={style} mode={mode} edges={['top', 'bottom']}> 16 {children} 17 </SafeAreaView> 18 ); 19} 20