Как я могу переписать этот CSS для реагирования на родной

avatar
rasaq ganiu
7 апреля 2018 в 23:25
200
2
2

Я получаю сообщение об ошибке при написании этого CSS-свойства для React Native.

border-radius: 50% / 100%;

Я пытаюсь сделать:

borderRadius: '50% / 100%'

Я получил сообщение об ошибке, что Java.lang.string не может быть приведен к java.lang.double

Источник

Ответы (2)

avatar
Noitidart
8 апреля 2018 в 07:53
0

В react-native мы не можем установить процент на borderRadius, вы должны использовать числа.

Вы можете установить высокий радиус границы, затем использовать onLayout, чтобы получить фактическую ширину представления, а затем установить радиус границы. Или просто установите высокий borderRadius.

Хотя наиболее предпочтительно, чтобы вы знали размеры и просто делили их на 2.

avatar
Temani Afif
7 апреля 2018 в 23:32
1

Разделите сокращенное свойство border-radius, чтобы избежать использования /:

border-radius: 50% / 100%;

Стать этим:

border-top-left-radius: 50% 100%;
border-top-right-radius: 50% 100%;
border-bottom-right-radius: 50% 100%;
border-bottom-left-radius: 50% 100%;
rasaq ganiu
8 апреля 2018 в 01:05
1

Все еще имея эту проблему, я сделал: borderBottomLeftRadius: '50% 100%', borderBottomRightRadius: '50% 100%', borderTopLeftRadius: '50% 100%', borderTopRightRadius: '50% 100%'