Цвет фона React Navigation MaterialTopTabNavigator изменился на зеленый после создания автономного приложения

Question

Я использовал реагирующую навигацию createMaterialTopTabNavigator и установил белый цвет в стиле tabBarOptions, и он отлично работает при тестировании моего приложения с Expo, но после запуска отдельного приложения sdk и установки его на моем телефоне Android изменился цвет фона вкладкизелёным ... почему может происходить такое поведение?!

мой код:

import React, { Component } from 'react';
import {View} from "react-native";
import {createMaterialTopTabNavigator } from 'react-navigation';
import HomeStackNav from './HomeStackNav';
import SuperMarketStackNav from './SuperMarketStackNav';
import NotificationsStackNav from './NotificationsStackNav';
import MoreStackNav from './MoreStackNav';
import {MaterialIcons} from '@expo/vector-icons';
import {SimpleLineIcons} from '@expo/vector-icons';
import {Dimensions} from "react-native";
import NotificationIndicator from "../containers/GlobalReusableContainers/NotificationIndicatorContainer";

//Get width of mobile screen
var width = Dimensions.get("window").width;

export default createMaterialTopTabNavigator({
    Home: {
        screen: HomeStackNav,
        navigationOptions: {
            tabBarIcon: ({ tintColor }) => (
                <SimpleLineIcons
                name="home"
                size={25}
                color={tintColor}
                />
            ),
        },
    },
    Favourites: {
        screen: FavouritesStackNav,
        navigationOptions: {
            tabBarIcon: ({ tintColor }) => (
                <SimpleLineIcons
                name="grid"
                size={22}
                color={tintColor}
                />
            )
        },
    },
    Notifications: {
        screen: NotificationsStackNav,
        navigationOptions: {
            tabBarIcon: ({ tintColor }) => (
                <View >
                    <SimpleLineIcons
                        name="bell"
                        size={25}
                        color={tintColor}
                    />
                    <NotificationIndicator/>
                </View>
            )
        },
    },
    Search: {
        screen: SearchScreen,
        navigationOptions: {
            tabBarIcon: ({ tintColor }) => (
                <MaterialIcons
                name="more-vert"
                size={28}
                color={tintColor}
                />
            ),
        },
    },
    More: {
        screen: MoreStackNav,
        navigationOptions: {
            tabBarIcon: ({ tintColor }) => (
                <MaterialIcons
                name="more-vert"
                size={28}
                color={tintColor}
                />
            ),
        },
    },
}, 
{
    swipeEnabled: true,
    animationEnabled: true,
    tabBarPosition: 'bottom',
    tabBarOptions: {
        showLabel: false,
        showIcon: true,
        inactiveTintColor: '#909090',
        activeTintColor: '#005e71',
        pressColor: '#005e71',
        indicatorStyle: { backgroundColor: '#005e71'},
        style: {
            backgroundColor: '#ffffff',
        }
    },
});

введите описание изображения здесь