如何修改ion-item内部的.item-native类？

Question

我正在尝试从ion-item修改类.item-native，但是没有任何效果。我知道.item-native是使我的地图的高度降低的原因。 如果无法修改.item-native，我该怎么做才能增加地图的大小？

这是我的scss文件：

ion-item {
    .item-native {
        height: 100%;
    }
}

 <ion-item class="abrir-mapa">
        <div class="abrir-mapa" #map id="map"></div> 
      </ion-item>

也尝试过这个。

.abrir-mapa {
    height: 25rem;

    .item-native {
        height: 100%;
    }
}

Answer 1

我找到了解决方案。 与其放置ion-item，不如将它替换为div。

.abrir-mapa {
    height: 25rem;
    width: 100%;
}