Карты Google отключены, когда внизу добавлена ​​панель вкладок - PullRequest
Новая
       16

Карты Google отключены, когда внизу добавлена ​​панель вкладок

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

Добавление ion-tab-bar в ion-content отключает и перекрывает ion-content и не позволяет нажимать на карту.В моем приложении карта Google отображается нормально.Затем я добавил ion-tab-bar внизу карты.После добавления карта становится недоступной для нажатия.Похоже, если карта перекрывается ion-tab-bar.

Ниже приведен мой код - 

<ion-content padding>

  <div id="map_canvas">
    <ion-searchbar>
    </ion-searchbar>
    <!-- <button ion-button (click)="onButtonClick($event)">Google Map</button> -->    
    <ion-tabs>
        <!-- Tab bar -->
        <ion-tab-bar slot="bottom">
          <ion-tab-button tab="account">
            <ion-icon name="heart"></ion-icon> <!-- for favorite -->
          </ion-tab-button>
          <ion-tab-button tab="listview">
            <ion-icon name="clipboard"></ion-icon> <!-- for current parking -->
          </ion-tab-button>
          <ion-tab-button tab="add-circle">
            <ion-icon name="add-circle"></ion-icon> <!-- for More -->
          </ion-tab-button>
        </ion-tab-bar>
      </ion-tabs>
  </div>  
</ion-content>

Если я уберу ion-tabs, он будет работать нормально.Но проблема с вкладками.Я могу нажимать на вкладки, но больше не на карте.Я использую Ionic4

Примечание - ion-tabs вызывает проблему здесь.Если я удалю его, панель вкладок не будет внизу.

...