React Navigation and Portal

I'm working with React Native Paper and React Navigation and am attempting to display a Dialog that appears above one of my screens and provides a list of cards. Each card, when clicked on, should navigate the user to a details screen. I'm attempting to use the Portal component to render the Dialog above the current screen. However, I'm currently getting the following error when clicking on the cards: "Uncaught Error: Couldn't find a navigation object. Is your component inside NavigationContainer?"

This appears to be because, as the documentation for Portal states "Portal allows rendering a component at a different place in the parent tree", which I take to mean completely outside of the top-level App component (and therefore outside of NavigationContainer").

My question is, does React Native Paper provide any way for Portal to access the navigation object for the rest of the app, or will I need to implement a custom Component that provides the same layout as Portal (i.e. the elevated, shaded background that my Dialog is displayed in)?

首先，在 React Navigation NavigationContainer 中使用 React Native Paper 的 Portal 和 Dialog 复现该错误。跟踪 Portal 如何重新放置 Dialog，以及 card 的导航调用如何解析其导航对象。完成的标准是记录一种受支持的导航方式，或清楚描述该限制和所需的集成边界。

由索引模型根据 Issue 内容生成。