如何在 ion-item 中修改 .item-native 类？答案

【问题标题】：How can I modify class .item-native inside ion-item?如何在 ion-item 中修改 .item-native 类？
【发布时间】：2020-05-11 11:57:17
【问题描述】：

我正在尝试从 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%;
    }
}

【问题讨论】：

【解决方案1】：

我找到了解决方案。我没有将 ion-item 替换为 div 。

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

【讨论】：