30 lines
1.1 KiB
JavaScript
30 lines
1.1 KiB
JavaScript
|
import { Platform } from 'react-native';
|
||
|
|
const formSheetModalHeight = 56;
|
||
|
|
export default function getDefaultHeaderHeight(layout, statusBarHeight, stackPresentation) {
|
||
|
|
let isLargeHeader = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : false;
|
||
|
|
// default header heights
|
||
|
|
let headerHeight = Platform.OS === 'android' ? 56 : 64;
|
||
|
|
if (Platform.OS === 'ios') {
|
||
|
|
const isLandscape = layout.width > layout.height;
|
||
|
|
const isFormSheetModal = stackPresentation === 'modal' || stackPresentation === 'formSheet';
|
||
|
|
if (isFormSheetModal && !isLandscape) {
|
||
|
|
// `modal` and `formSheet` presentations do not take whole screen, so should not take the inset.
|
||
|
|
statusBarHeight = 0;
|
||
|
|
}
|
||
|
|
if (Platform.isPad || Platform.isTV) {
|
||
|
|
headerHeight = isFormSheetModal ? formSheetModalHeight : 50;
|
||
|
|
} else {
|
||
|
|
if (isLandscape) {
|
||
|
|
headerHeight = 32;
|
||
|
|
} else {
|
||
|
|
if (isFormSheetModal) {
|
||
|
|
headerHeight = formSheetModalHeight;
|
||
|
|
} else {
|
||
|
|
headerHeight = isLargeHeader ? 96 : 44;
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}
|
||
|
|
return headerHeight + statusBarHeight;
|
||
|
|
}
|
||
|
|
//# sourceMappingURL=getDefaultHeaderHeight.js.map
|