Как реализовать скретч-карту / просмотр в реагирующем? - PullRequest
Новая
       24

Как реализовать скретч-карту / просмотр в реагирующем?

0 голосов
/ 12 февраля 2019

Я ищу пакет для реализации скретч-карты в реагирующем.Я нашел эту библиотеку https://github.com/thebylito/react-native-scratch-card, но проблема в том, что она работает только на Android.Есть ли библиотека, которая работает как на iOS, так и на Android, или я могу реализовать это на чистом javascript?

Ответы [ 2 ]

0 голосов
/ 24 марта 2019

Вы можете использовать созданную мною библиотеку: Reaction-native-scratch 

npm install react-native-scratch --save

Эта библиотека поддерживает как Android, так и iOS и позволяет вам использовать несколько скретч-представлений в вашем приложении, например - FlatList сСкретч-карты.

Другие функции включают в себя:

  • Автозаполнение содержащего представления, чтобы покрыть его содержимое, пока вы не очистите
  • Определенный пользователем цвет фона для использования во время загрузки изображения
  • Вы можете установить изображение из URL или из файла ресурсов в вашем приложении (или вообще без изображения)
  • Поддерживаются режимы изменения размера изображения (растягивать / покрывать / содержать)
  • Определяемый пользователем размер кисти и порог царапин
  • События касания (для предотвращения прокрутки ScrollView / FlatList во время царапин)
  • Отчет о ходе работы при царапинах
  • Анимация затухания (необязательно)) когда скретч-вид достигает порога скретча
0 голосов
/ 16 февраля 2019

Вы можете использовать эту библиотеку https://github.com/romangua/react-native-scratch-view для реализации скретч-карты для iOS и Android.

Установите ее, запустив 

npm install react-native-scratch-view --save

После этой ссылки она 

react-native link react-native-scratch-view

В случае, если вы получили ошибку 404 Not Found в вашем терминале после выполнения команды установки.Вы можете сделать это:

1- Откройте файл package.json

2- В ваших зависимостях сделайте что-то вроде этого: 

"dependencies":{
    "react-native-scratch-view": "romangua/react-native-scratch-view",
}

3- Запустите npm installпосле этого вы можете использовать его непосредственно в своем проекте, используя import ScratchImageView from 'react-native-scratch-view';

Я использую одну и ту же библиотеку для Android и iOS, и она работает на обоих.

Надеюсь, это поможет !!

...