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

Question

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

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

Tabs其实是一个TabNavigator，不是一个react Component。 FavoriteModal 是 "react-native-modalbox" 中的一个元素。问题是我希望底层的选项卡内容在模态的背景中可见。这不会发生，因为模态元素具有默认背景。所以我的问题是如何让模态框只占据屏幕的一部分，而让其余部分保持半透明？

Answer 1

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

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

How to show a modal at the root level of an app that has TabNavigator?

react-native

react-navigation