#nativescript #angular2-nativescript
#nativescript #angular2-nativescript
Вопрос:
Я начал разрабатывать мобильное приложение с использованием nativescript, все шло хорошо, пока я не понял, что не могу настроить стиль так, как хочу. Просто для примера я не могу установить границу для кнопки типа border-width: 1 0 0 1 . Есть способ расширить поведение стиля? Я подумываю о том, чтобы начать использовать ionic : (
Ответ №1:
Начиная с версии 2.4.0 NativeScrtip (следующего выпуска), эта функциональность будет доступна, что означает, что вы сможете создавать границы с
border-width:0 2 2 0;
border-color: red;
Если вы хотите протестировать его сейчас (до выхода 2.4.0), то удалите tns-core-modules и установите @next version.
tns plugin remove tns-core-modules
tns plugin add tns-core-modules@next
Вы также можете взглянуть на эту проблему, чтобы увидеть, что вы можете сделать с новой реализацией borders
Комментарии:
1. Так рад, что пропустил, что границы теперь в 2.4 🙂 потрясающая штука
Ответ №2:
На данный момент боковые границы недоступны для подмножества css, предоставляемого NativeScript. Это непросто сделать на iOS, хорошая новость в том, что основная команда знает об этом, и я полагаю, что в последние недели это стало приоритетом. Поэтому я ожидаю, что это будет возможно в ближайшем выпуске.
При всем сказанном, если у вас есть конкретный случай, который вы хотите, вы все равно можете достичь его с помощью NativeScript, но это не так просто, как оформление границ css. Просто помните, что css-стилеры в NativeScript сопоставляются с собственными методами / свойствами для стилизации собственных компонентов, поэтому здорово иметь возможность использовать css, даже если это не 1-1 с обширным css, который есть в браузерах, он становится лучше с каждым выпуском
Если вы хотите сделать границы по бокам прямо сейчас, вы можете использовать stacklayout высотой 1 и задать цвет фона. Итак, для 4-стороннего объекта вы должны использовать макет сетки и поместить стек в первую и третью строки, ваш компонент — в среднюю (2-ю) строку, а затем стек в первую и 3 столбца (значения 0 и 1). Опять же, я знаю, что это не идеально, но это всего лишь ограничение на данный момент, поскольку оно не представлено в подмножестве css для NativeScript. Я давно не проверял источник или проблемы на предмет каких-либо обновлений по этому вопросу, но, возможно, сейчас над чем-то работают, чтобы включить эту функциональность. Надеюсь, это кому-то поможет. Если у вас есть какой-то код и вам нужна помощь, пожалуйста, поделитесь, и я смогу помочь больше.