Подскажите, как сделать кнопку вот с такими скошенными углами в React Native, желательно без псевдоэлементов before и after
-
Мне кажется - это просто картинка– EzioMercerCommented 18 июл. 2022 в 12:26
-
Нет, это не картинка, это должна быть кнопка TouchableOpacity– JostarCommented 18 июл. 2022 в 13:28
-
А разве если будет картинка этот эффект будет неприменим? Я имею ввиду, что это кнопка с картинкой– EzioMercerCommented 18 июл. 2022 в 13:29
-
1@Jostar , можете внутрь кнопки поставить блок с position absolute и transform skewX примерно 335deg. Таким образом вы получите внутри кнопки параллелепипед, только не забудьте перекрасить его в другой цвет– HTO HOTCommented 18 июл. 2022 в 14:26
-
А что из этого должно быть картинкой? При клике менять фон с обычного синего на картинку темной трапеции? Я тебя не понимаю, при чем тут вообще картинка?– JostarCommented 18 июл. 2022 в 14:29
|
Показать ещё 2 комментария
1 ответ
можете внутрь кнопки поставить блок с position absolute
и transform skewX
примерно 335deg
. Таким образом вы получите внутри кнопки параллелепипед, только не забудьте перекрасить его в другой цвет.