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

Question

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

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

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

Answer 1

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