Как я могу получить поддержку для нескольких экранов, таких как планшеты и телефоны, для работы в NativeScript с Angular (сейчас я на NS 5.1)?В настоящее время я пытаюсь использовать плагин nativescript-platform-css
, который создает классы phone
и tablet
классы на элементе Page
, а затем предоставляет различные CSS в соответствии с:
.phone :host .photo {
width:300;
}
.tablet :host .photo {
height:600;
}
Проблемав том, что в некоторых случаях он работает нормально, а в других - нет (по крайней мере, в угловых).Например, в модальных моделях это не работает на самом деле, а также я обнаружил другие проблемные случаи.
Конечно, я мог бы применить CSS программно, используя глобальную переменную nsPlatform.deviceType
, которую создает плагин, но этокажется не очень «чистым» и потребует довольно много кода для каждого компонента, которого я бы предпочел избегать.
В разделе с несколькими экранами в документах упоминается, что он не работает для Angular.и Webpack строит (хотя AFAIK проект теперь переходит в webpack по умолчанию).
Спасибо за любые идеи!