Можно ли использовать CSS Grid с Ionic?

Question

Я тестирую уже несколько месяцев angular + ionic, и я много использовал <ion-grid>. Но поскольку я делаю приложение, которое будет доступно на настольных компьютерах И на мобильных устройствах, иногда мне нужны ОЧЕНЬ разные макеты, и мне трудно достичь этого когда-нибудь с помощью подхода flexbox в ion-grid составная часть.

Есть ли способ использовать вместо этого CSS Grid(https://css-tricks.com/snippets/css/complete-guide-grid/) внутри ionic? Это сделало бы компоновку намного проще.

Это как-то напрямую поддерживается Ionic? Или это требует, чтобы я сделал это напрямую в CSS? В чем будет обратная сторона того, что Ionic не поддерживает напрямую?

Answer 1

В ionic нет ничего, что заставляло бы вас использовать только ионные элементы, смысл использования этих элементов в том, чтобы облегчить пользователям более быструю работу. Поэтому вместо использования начальной загрузки для создания макета сетки, например:

<div class="blabla">
    <div class="row">
        <div class="col-6 col-sm-12 ..."></div>
    </div>
</div>

Таким образом, ion-grid, ion-row или ion-col предназначены только для более быстрого использования пользователем, но если речь идет о лучшей производительности между элементами по умолчанию в ionic и bootstrap, наверняка это будет лучше в ионных элементах, но если вы можете достичь своих целей без использования библиотеки начальной загрузки и просто использовать css, тогда он не будет вообще отличаться, поскольку css является частью ionic, а не вы, который добавляет файл css, поэтому очень нормально использовать обычные элементы css и html, такие как div для достижения результатов тура без ионных элементов.