поддержка отдельных CSS для таблиц и телефонов на NativeScript - PullRequest
0 голосов
/ 24 декабря 2018

Как я могу получить поддержку для нескольких экранов, таких как планшеты и телефоны, для работы в 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 по умолчанию).

Спасибо за любые идеи!

...