如何正确使用 UI kitten OverflowMenu 组件?
How can I use UI kitten OverflowMenu component properly?
我在任务屏幕上有一个 UI 小猫溢出菜单组件绑定到一张卡片,当我在任务上时,它按预期工作,但是当我切换到另一个屏幕时(习惯屏幕)然后我返回到任务并按下下拉菜单图标 OverflowMenu 出现在习惯屏幕上,而不是任务上。
这是一个 link 用于重现问题的 expo snack。
我发现了问题:
您正在添加任务组件中使用。
只能使用一次,它应该在应用程序“aka”的顶层
如果您在多个地方使用它,它将破坏应用程序的行为,因为对于每个使用的组件,组件都会将其视为其 UI 的锚点(在这种情况下,下拉列表将在导航到任务后将任务添加为锚点,这样它将绕过包装应用程序的任务。
更简单的话:
把它想象成一个盒子,如果你在它里面的一个组件中使用另一个,你会创建一个更小的盒子,一旦你访问那个组件的屏幕,这个盒子现在将是更小的那个 UI 小猫组件将与该框相关并在该框内。
您的应用中究竟发生了什么:
应用呈现 ==> 生成第一个(将导航器包装在 App.js 中)==> 你点击下拉菜单(一切正常)==> 你导航到“habits/Add任务”屏幕 ==> 生成第二个(一个较小的框)==> 下拉菜单现在链接到新的 ApplicationProvider ==> 你回到“任务”屏幕 ==> 点击下拉菜单 ==> 它显示在里面新的(小盒子)
这就是为什么您会在“habits/Add 任务”屏幕中看到它
我在任务屏幕上有一个 UI 小猫溢出菜单组件绑定到一张卡片,当我在任务上时,它按预期工作,但是当我切换到另一个屏幕时(习惯屏幕)然后我返回到任务并按下下拉菜单图标 OverflowMenu 出现在习惯屏幕上,而不是任务上。
这是一个 link 用于重现问题的 expo snack。
我发现了问题: 您正在添加任务组件中使用。
只能使用一次,它应该在应用程序“aka”的顶层
如果您在多个地方使用它,它将破坏应用程序的行为,因为对于每个使用的组件,组件都会将其视为其 UI 的锚点(在这种情况下,下拉列表将在导航到任务后将任务添加为锚点,这样它将绕过包装应用程序的任务。
更简单的话:
把它想象成一个盒子,如果你在它里面的一个组件中使用另一个,你会创建一个更小的盒子,一旦你访问那个组件的屏幕,这个盒子现在将是更小的那个 UI 小猫组件将与该框相关并在该框内。
您的应用中究竟发生了什么:
应用呈现 ==> 生成第一个(将导航器包装在 App.js 中)==> 你点击下拉菜单(一切正常)==> 你导航到“habits/Add任务”屏幕 ==> 生成第二个(一个较小的框)==> 下拉菜单现在链接到新的 ApplicationProvider ==> 你回到“任务”屏幕 ==> 点击下拉菜单 ==> 它显示在里面新的(小盒子) 这就是为什么您会在“habits/Add 任务”屏幕中看到它