Установка только двух скругленных углов кнопки в nativescript

Можно ли установить только два закругленных угла кнопки в nativescript ? Я не уверен, что указание radius в качестве свойства css будет работать, так как radius округляет все четыре угла, в то время как я не могу найти полукруг или полуэллипс в пути клипа.

3 ответа

  1. В настоящее время NativeScript поддерживает только равномерный радиус границы. Можно попробовать задать путь полигонального клипа. Вот пример полигонального пути клипа, который обрезает звезду:

    <Button text="polygon" style="background-color: magenta; border-width:2; border-color: red; clip-path: polygon(20% 0%, 0% 20%, 30% 50%, 0% 80%, 20% 100%, 50% 70%, 80% 100%, 100% 80%, 70% 50%, 100% 20%, 80% 0%, 50% 30%);" row="3" />
    

    Это может помочь вам с округлением углов с помощью пути клипа.

  2. Мне нужно было что-то вроде пузыря чата, поэтому я завернул округлые этикетки внутри контейнера — как stacklayout-и установил левые/правые поля контейнера.