Nativescript-vue原生iOS导航按钮在ActionBar上设置标题后消失

Question

当我只使用普通的 ActionBar 时：

<ActionBar/>

当我改变路线时：

this.$navigateTo(Catalog)

原生ios后退按钮正常出现， 但是当我像这样更改操作栏时：

<ActionBar title="some title"/>

或像这样将其他元素放在操作栏中：

<ActionBar>
    <NavigationButton text="Go back" android.systemIcon="ic_menu_back" @tap="goBack" />
<ActionBar/>

默认的原生ios后退按钮消失。

我最终需要的是带有自定义标题的默认 ios 操作栏和当我在组件之间导航时出现的原生 ios 后退按钮。请帮忙，提前谢谢！

Answer 1

解决了我的问题。我在我的主要组件中使用 ActionBar（其中定义了选项卡）。相反，我将它从我的主要组件中删除，并为每个组件添加了自己的 ActionBar。这解决了问题。现在默认的 ios 后退按钮可以与任何其他参数组合或嵌套元素正确显示，无论您是否路由到相同组件的框架都没有关系。

Answer 2

我无法最终重现该问题，当我使用上面的确切代码 sn-p 时，NavigationButton 仍然可见，并使用 iOS v12.1.4 进行了测试。如果您仍有问题，请分享 Playground 示例。

但是，您将无法修改 iOS 上的点击处理程序，如 docs 中所述。

在 iOS 中，后退按钮明确用于导航。它 导航到上一页，您无法处理点击事件 覆盖此行为。

如果你想在 ActionBar 的左侧放置一个按钮并且 处理点击事件（例如，显示滑出），您可以使用 ActionItem 与 ios.position="left"。