如何在具有TabNavigator的应用程序的根级别显示模式？

Question

我正在使用react-navigation，这就是我的根级别的样子：

    export const Root = StackNavigator({
    [screenExploreTabs]: {
        screen: Tabs,
    },
    [screenFavourites]: {
        screen: FavouriteModal,
    },
},
    {
        mode: "modal",
        headerMode: "none",
    }
);

选项卡实际上是TabNavigator，而不是反应组件。 FavoriteModal是来自“react-native-modalbox”的元素。问题是我希望底层制表符内容在模态的背景中可见。这不会发生，因为Modal元素具有默认背景。所以我的问题是如何让Modal只占据屏幕的一部分，让剩下的部分半透明？

Answer 1

找到一个解决方法，在我的<Provider>中为Modal添加了另一个组件，并使用商店引用动态更改模态的可见性。