Реагировать на перекрытие заголовка навигации с динамическим островом ⇐ IOS

[Anonymous]

Я использую React-Navigation v4 для создания заголовка в нашем приложении
"react-navigation": "^4.4.4", "react-navigation-stack": "^1.10.3",
import { createStackNavigator } from 'react-navigation-stack'
import OvertimeAssignSelectShift from '../screens/Dashboard/home/menu/overtime_assign/OvertimeAssignSelectShift'

const StackNavigation = createStackNavigator
(
{
OvertimeAssign: {
screen: OvertimeAssignSelectShift,
navigationOptions: {
title: 'Buat Perintah Lembur',
headerStyle: {
elevation: 0,
shadowOpacity: 0,
shadowColor: "white",
borderBottomWidth: 0
}
}
},
}
)

Но почему-то у меня возникла проблема с iPhone 14 и выше: заголовок перекрывается с динамическим островом, но на Android все в порядке.
IphoneAndroid
Dynamic Island доступен на iOS 16, поэтому я использую import DeviceInfo из 'react-native-device-info';, чтобы получить версию iOS и установка высоты вручную. есть ли способ решить эту проблему? Спасибо
const StackNavigation = createStackNavigator
(
{
OvertimeAssign: {
screen: OvertimeAssignSelectShift,
navigationOptions: {
title: 'Buat Perintah Lembur',
headerStyle: {
height: Device.iOS

Подробнее здесь: https://stackoverflow.com/questions/793 ... mic-island