0

Подскажите, как сделать кнопку вот с такими скошенными углами в React Native, желательно без псевдоэлементов before и after

введите сюда описание изображения

7
  • Мне кажется - это просто картинка
    – EzioMercer
    Commented 18 июл. 2022 в 12:26
  • Нет, это не картинка, это должна быть кнопка TouchableOpacity
    – Jostar
    Commented 18 июл. 2022 в 13:28
  • А разве если будет картинка этот эффект будет неприменим? Я имею ввиду, что это кнопка с картинкой
    – EzioMercer
    Commented 18 июл. 2022 в 13:29
  • 1
    @Jostar , можете внутрь кнопки поставить блок с position absolute и transform skewX примерно 335deg. Таким образом вы получите внутри кнопки параллелепипед, только не забудьте перекрасить его в другой цвет
    – HTO HOT
    Commented 18 июл. 2022 в 14:26
  • А что из этого должно быть картинкой? При клике менять фон с обычного синего на картинку темной трапеции? Я тебя не понимаю, при чем тут вообще картинка?
    – Jostar
    Commented 18 июл. 2022 в 14:29

1 ответ 1

2

можете внутрь кнопки поставить блок с position absolute и transform skewX примерно 335deg. Таким образом вы получите внутри кнопки параллелепипед, только не забудьте перекрасить его в другой цвет.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.