如何使用 GetX 包管理 Flutter Web URL 路由？

Question

我正在为 iOS、Android 和 Web 开发 Flutter 应用程序。 我决定使用 GetX 包，因为它使事情变得更容易，但我对如何处理 Web URL/地址栏导航感到困惑。 例如，我的一个屏幕显示了有关事件的详细信息。 通过应用程序在那里导航工作正常，但是如果我在浏览器中粘贴指向事件的链接怎么办？ 我的 GetX EventController 管理一个_selectedEvent事件，这就是我知道要显示详细信息的事件的方式。 但是，如果我使用 URL 链接，我的_selectedEvent事件永远不会更新，详细信息屏幕也不会显示正确的事件。

目前，当用户单击事件以导航到详细信息屏幕时，我在主页中设置了_selectedEvent 。 但是，如果用户通过浏览器中的地址栏导航，我无法更新_selectedEvent 。 我不认为我可以在 GetX 中使用任何状态管理器，因为我没有更新小部件，所以我不确定在哪里更新我的_selectedEvent 。

我应该如何处理地址栏导航？

希望我的解释有意义。 我仍在努力学习 Flutter。

Answer 1

尝试使用动态URL链接所描述的getX命名路由在这里。 例如，对于特定事件，您可以有一个类似“https://.../events?id=1234”的 URL，您可以在控制器中使用 Get.parameters['id'] 获取 ID 并显示该事件基于此 ID 的详细信息。

Answer 2

所以如果其他人偶然发现这个问题，我找到了一个解决方案。 这个链接有一个很好的、易于遵循的描述和使用 Flutter 路由和导航的实现。 它没有专门使用 GetX 来进行路由，但我只是使用了GetPageRoute而不是MaterialPageRoute和 GetX 导航而不是 Flutter Navigator以仍然受益于 GetX 控制器和绑定。 我的浏览器后退按钮仍然有问题，但我认为这是一个 Flutter 问题，不是我的特定项目的问题。