Nativescript Vue 操作栏重复 Android

Question

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

如果我在模板中添加一个新的 <ActionBar />，它会显示在我无法删除的 "default" 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 的父级，并且每个选项卡都有自己的框架和页面，因此您在那里得到 2 个 ActionBar。

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

Nativescript Vue 操作栏重复 Android

Nativescript Vue Actionbar Duplicated Android

android

nativescript

nativescript-vue