Ionic App：显示 Google 路线步骤

Question

我对这个 Ionic 框架非常陌生，到目前为止，我很喜欢它。很棒、简单、快速！

我正在开发一个简单的应用程序，它将全屏地图显示为主视图。地图有一组标记，当您单击每个标记时，它会为您提供从当前位置出发的路线。

一切正常，但我不确定显示路线步骤（说明文本）的最佳方式是什么。我首先尝试将其放在侧面菜单中。它有效，但使用起来非常难看且不舒服。 然后我尝试使用 ActionSheet，这一次看起来更酷，但我不喜欢它有背景，并且每个项目都是一个按钮。我知道这不是 ActionSheets 的本意，我只是在玩。

所以，我需要像 ActionSheet 这样的东西，但我需要对渲染进行更多控制。 你怎么看？处理这个问题的最佳方法是什么？

谢谢！

Answer 1

这是一个有点主观的问题。但是，操作表旨在用于按钮，侧边菜单用于导航。两者都有默认行为，可能会让您的用户感到恼火，因为它们在概念上是此类信息的错误 UI 组件。特别是如果您在错误的位置点击它们会自动关闭，如果您尝试阅读或滚动列表，则不好。

您应该在 ionContent 中使用 ionList 来显示方向步骤，以便在步骤大于可用屏幕的情况下滚动。您可以在模式中显示这些步骤，或者您可以将其设置为可以导航到的另一个状态视图。