У меня есть файл _layout.tsx.
В нем я использую вкладки из expo-router, чтобы установить панель навигации внизу.
Над вкладками у меня есть представление с красным фоном.
Код: Выделить всё
import '../../global.css';
import HeaderDefault from '@/components/header/default';
import { Tabs } from 'expo-router';
import React from 'react';
import { SafeAreaProvider } from 'react-native-safe-area-context';
import { UINotificationToast } from '@/components/ui/notification/Toast';
import { View } from 'react-native';
export default function ContextLayout() {
return (
,
tabBarStyle: {
backgroundColor: '#FBFFFE',
},
}}
>
);
}

Если я прокомментирую раздел вкладок, я получу ожидаемое:

Я искал во всех документах и темах, но понятия не имею, откуда взялся этот цвет.
И я не нашел способа изменить цвет фона вкладок.
Подробнее здесь: https://stackoverflow.com/questions/792 ... -stay-gray
Мобильная версия