1

我正在使用 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：

双操作栏问题 - Android

谢谢。-

4

1 回答 1

2

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

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

于 2018-12-02T08:07:54.633 回答