Нижняя домашняя панель Android закрывает нижнюю навигацию ⇐ Android

[Anonymous]

Почему нижняя домашняя панель Android закрывает элемент React-Navigation-bottom-tabs?
На iOS это выглядит нормально:


На Android это выглядит так это:


У меня есть SafeAreaProvider, обертывающий приложение:

Код: Выделить всё

Я пробовал добавить SafeAreaView в разные части приложения. Я подумал, что внутри ColorModeSwitch было бы неплохо использовать один SafeAreaView, который обертывает все приложение. Считается ли это нормальным, или оно должно охватывать каждый просмотр страницы? Проблема с этим подходом заключается в том, что он добавляет отступы снизу к вкладкам нижней навигации представления iOS, чего я не хочу.
Я попробовал реализацию SafeAreaView в своем пользовательском PageView, который представляет собой компонент-оболочку вокруг каждого представления экрана внутри экрана навигации по стеку и/или вкладкам. Это также не изменило нижние вкладки:

Код: Выделить всё

const PageView = ({ children, style }: Props) => {
const styles = useStyles();
return (
{children}
);
};

Я использую Expo и Expo-Router для навигации и вкладок:

Код: Выделить всё

export default function TabLayout() {
return (

 (



)}
>

 ({
tabPress: (e: EventArg) => {
e.preventDefault();
navigation.navigate('scanModal');
return;
},
})}
name="scan"
options={{
tabBarLabel: 'Scan',
}}
/>



);
}

Поэтому я попробовал добавить SafeAreaView в качестве оболочки к моим пользовательским элементам нижней навигационной вкладки:

Код: Выделить всё

 const insets = useSafeAreaInsets();

return (

Но это только ухудшило ситуацию:


Как можно это исправить на Android?>

Подробнее здесь: https://stackoverflow.com/questions/771 ... navigation