Nativescript Vue Actionbar Дублированный Android - PullRequest
0 голосов
/ 01 декабря 2018

Я использую Nativescript-Vue и не могу понять, как удалить ActionBar, который отображается по умолчанию в Android с именем приложения (в iOS он не отображается).Есть идеи?

Если я добавлю новый <ActionBar /> в шаблон, под «ActionBar» по умолчанию будет показано, от чего я не могу избавиться.

Если я использую actionBarHidden = «true» вмой тег <Page />, я не могу добавить свой собственный 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

Спасибо .-

1 Ответ

0 голосов
/ 02 декабря 2018

Каждая страница будет иметь свою собственную панель действий.Поскольку Page является родительским для TabView, и каждая вкладка имеет свою собственную рамку и страницу, вы получаете там 2 ActionBar.

Установить actionBarHidden="true" на родительской странице TabView.Если у вас все еще есть проблемы, пожалуйста, поделитесь примером Playground, где проблема может быть воспроизведена.

...