mirror of https://github.com/laurent22/joplin.git
25 lines
729 B
TypeScript
25 lines
729 B
TypeScript
import { useMemo } from 'react';
|
|
import { useWindowDimensions } from 'react-native';
|
|
import { useSafeAreaInsets } from 'react-native-safe-area-context';
|
|
|
|
const useSafeAreaPadding = () => {
|
|
const { width: windowWidth, height: windowHeight } = useWindowDimensions();
|
|
const safeAreaInsets = useSafeAreaInsets();
|
|
const isLandscape = windowWidth > windowHeight;
|
|
return useMemo(() => {
|
|
return isLandscape ? {
|
|
paddingRight: safeAreaInsets.right,
|
|
paddingLeft: safeAreaInsets.left,
|
|
paddingTop: 15,
|
|
paddingBottom: 15,
|
|
} : {
|
|
paddingTop: safeAreaInsets.top,
|
|
paddingBottom: safeAreaInsets.bottom,
|
|
paddingLeft: 0,
|
|
paddingRight: 0,
|
|
};
|
|
}, [isLandscape, safeAreaInsets]);
|
|
};
|
|
|
|
export default useSafeAreaPadding;
|