TabNavigatorを持つアプリケーションのルートレベルでモーダルを表示するにはどうすればいいですか？

Question

私が反応し、ナビゲーションを使用していますし、これは私のルートレベルがどのように見えるかです：

は

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

タブコンポーネントを反応しない、実際にTabNavigatorコンテナです。 FavoriteModalは "react-native-modalbox"の要素です。問題は、基本的なタブコンテンツをモーダルの背景に表示することです。これは、Modal要素にデフォルトの背景があるために発生しません。だから私の質問は、画面の一部だけを占有し、残りの部分を半透明にするためにモーダルを取得する方法です。

Answer 1

回避策が見つかりました。私の<Provider>内にModalの別のコンポーネントを追加し、ストア参照を使用してModalの表示を動的に変更しました。