在ActionBar上设置标题后，Nativescript-vue本机iOS导航按钮消失

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

我无法重现该问题，当我使用上面经过iOS v12.1.4测试的确切代码片段时，NavigationButton仍然可见。如果您仍然遇到问题，请分享Playground示例。

但是，您将无法按照docs所述在iOS上修改点击处理程序。

  

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

     

如果要在ActionBar的左侧放置一个按钮，   处理点击事件（例如显示滑出），则可以使用ActionItem   ios.position =“ left”。

Answer 2

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