Я использую навигацию по стеку и навигацию по ящикам для некоторых экранов. Я создал настраиваемую строку состояния с белым цветом фона и темным содержимым. Однако он работает с маршрутами навигации по стеку, но не с маршрутами навигации по ящику. Синяя строка состояния отображается в маршрутах навигации по ящику, как показано ниже:
Мои маршруты. js (где я использовал навигацию по стеку)
....
import { createStackNavigator, HeaderBackButton } from 'react-navigation-stack';
import { Drawer } from '../components/Drawer';
const RootStack = createStackNavigator(
{
Drawer: {
screen: Drawer
},
// other screens
},
{
initialRouteName: 'InitialScreen',
headerMode: "none",
}
)
const App = createAppContainer(RootStack);
export default App;
Мой ящик. js (Где используется навигация по ящику, и синяя полоса не меняется)
.....
import { createDrawerNavigator } from 'react-navigation-drawer';
import ProductScreen from '../screens/ProductScreen';
export const Drawer = createDrawerNavigator(
{
Product: { screen: ProductScreen }
},
{
navigationOptions: () => ({
drawerLockMode: 'locked-closed',
}),
initialRouteName: "Product",
drawerPosition: 'left',
headerMode: 'none'
}
);
Как изменить этот синий панель навигации по ящику?