Как добавить тень панели вкладок в реагирующих навигационных материалах нижних вкладках?

Question

Я использую реагирующие навигационные и реактивные навигационные материалы - нижние вкладки в реактивном для создания нижней вкладки. И я пытаюсь добавить эффект тени для нижней панели вкладок.

Мой код для создания тени:

    const screen1 = createMaterialBottomTabNavigator(
        {
            Home: HomeScreen,
            About: AboutScreen,
            Scan: ScanScreen,
            Fav: AllScreen
        },
        {
            initialRouteName: "Home",
            activeColor: 'red',
            inactiveColor: 'blue',

            barStyle: {
                borderWidth: 0.5,
                borderBottomWidth: 1,
                backgroundColor: 'white',
                borderBottomLeftRadius: 0,
                borderBottomRightRadius: 0,
                borderTopLeftRadius: 15,
                borderTopRightRadius: 15,
                borderTopColor: '#000',
                borderBottomColor: '#000',
                borderLeftColor: '#000',
                borderRightColor: '#000',
                shadowColor: "#000000",
                shadowOpacity: 1,
                shadowRadius: 30,
                shadowOffset: {
                    height: 10,
                    width: 10
                },
                elevation: 5
            },
        }
    );

Но эффекты тени не отображаются как в IOS, так и в Android.