如何正确使用UI小猫OverflowMenu组件



我在任务屏幕上,有一个UI小猫Overflow Menu组件绑定到一张卡上,当我在任务上时,它按预期工作,但当我切换到另一个屏幕(习惯屏幕(并返回任务并按下下拉菜单图标时,Overflow Menu会出现在习惯屏幕上,而不是任务上。

这是一个链接,为世博会小吃再现问题。

https://snack.expo.dev/@sabri0o/试验

我发现了问题:您正在添加任务组件中使用。

必须只使用一次,并且它应该位于应用程序"aka"的顶层

如果你在多个地方使用它,它会破坏应用程序的行为,因为对于每一个使用的组件,它都会将其视为UI的锚点(在这种情况下,下拉列表将在导航到它后将添加任务中的应用程序提供程序视为锚点,因此它将绕过包装应用程序的应用程序。

对于更简单的单词:

把它想象成一个盒子,如果你在其中的一个组件中使用另一个,你会创建一个较小的盒子,一旦你访问该组件的屏幕,这个盒子现在将是较小的一个,UI小猫组件将与该盒子相关并在该盒子内。

您的应用程序中到底发生了什么:

该应用程序呈现==>生成第一个(在App.js中包装导航器(===>单击下拉列表(一切都很好(===>您导航到"习惯/添加任务"屏幕===>生成第二个(较小的框(===>下拉列表现在链接到新的ApplicationProvider=>返回"任务"屏幕===>单击下拉列表===>它显示在新的(较小的框(中这就是为什么你会在"习惯/添加任务"屏幕中看到它

最新更新