Question

我正在使用Nativescript-Vue，无法弄清楚如何删除默认情况下在Android中使用应用程序名称显示的ActionBar（在iOS中未显示）。有任何想法吗？

如果我在模板中添加新的<ActionBar />，它将显示在我无法摆脱的“默认” ActionBar下方。

如果我在<Page />标记中使用actionBarHidden =“ true”，则无法添加自定义ActionBar。

该项目是使用vue init nativescript-vue/vue-cli-template <project-name>构建的，它具有与本示例相同的配置（manifest.xml和其他App_Resources）：https://github.com/tralves/groceries-ns-vue/tree/master/app/App_Resources

我正在使用多个这样的帧，也许与问题有关：

<Page>
 <TabView androidTabsPosition="bottom" iosIconRenderingMode="alwaysOriginal" @selectedIndexChange="showComponent">
  <TabViewItem title="Servicios" iconSource="res://ic_person_outline_18pt">
    <Frame id="services">
      <Categories />
    </Frame>
  </TabViewItem>

  <TabViewItem title="Citas" iconSource="res://ic_date_range_18pt">
    <Frame id="bookings">
      <Bookings v-if="show_bookings" />
    </Frame>
  </TabViewItem>

  <TabViewItem title="Carrito" iconSource="res://ic_shopping_basket_18pt">
    <Frame id="cart">
      <Cart v-if="show_cart" />
    </Frame>
  </TabViewItem>
 </TabView>
</Page>

在每个组件（类别，预订，购物车）中，我正在渲染特定的ActionBar。

此图显示了问题，应用程序名称为Ameiz：

Double ActionBar Issue - Android

谢谢。-

Answer 1

每个页面都有自己的操作栏。由于Page是TabView的父级，并且每个选项卡都有其自己的Frame＆Page，因此您将在其中获得2个ActionBar。

在TabView的父页面上设置actionBarHidden="true"。如果仍然遇到问题，请分享一个Playground示例，在该示例中可以重现该问题。

Nativescript Vue Actionbar复制了Android

1 个答案: