SafeAreaView

How to use

import React from 'react';
import {SafeAreaView ,Text} from '@gyri/native-ui-components';

const App = ({style,className}) => {
  return (
    <SafeAreaView style={style} className={className}>
      <Text>Page content</Text>
    </SafeAreaView>
  );
};
export default App;

Props

#	Name	Data type	Default value	Values	Description
1	style	string			It allows you to style your components.
2	className	string	''		It defined external CSS stylesheet.

For more details https://reactnative.dev/docs/safeareaview