React Native, кастомная клавиатура

Цена договорная
07 декабря 2023, 14:47 • 5 откликов • 36 просмотров
Здравствуйте!
Необходимо исправить баги и добавить некоторый функционал в кастомную клавиатуру на React Native и взаимодействие с текстовым инпутом.

Клавиатура:
  • Дизайн берем с клавиатуры в ios (ссылка figma, также нужен dark mode)
  • Тактильный отклик
  • Графический отклик (при долгом нажатии на кнопку можно появляется варианты выбора другого символа, пример есть в фигме)
  • Переключение раскладки клавиатуры с помощью селекта
  • Динамический рендер кнопок клавиатуры, чтобы была возможность добавить другие раскладки в будущем
  • Анимация появления и исчезновения клавиатуры (выезжает снизу)
  • Звуковой отклик (звуки в папке sounds в корне проекта github)
  • Переход на цифры и знаки при нажатии на кнопку “123” (и при нажатии на кнопку “#+=” переход на другие символы)
Взаимодействие клавиатуры с текстовым инпутом:
  • Появление при нажатии на текстовый инпут
  • Исчезновение клавиатуры при снятии фокуса и нажатии вне текстового инпута
  • Добавление символов при нажатии на кнопку и перевод курсора
  • При долгом нажатии на кнопку “delete” символы должны удаляться
  • Возможность перемещения курсора с помощью пробела (нажатие и движение влево и вправо)
  • В целом курсор должен вести себя так же как и с дефолтной клавиатурой
Работа с выделением, вырезанием, вставкой, копированием + сохранением
  • При выделения части строки должно появляться стандартное контекстное меню с вырезанием, вставкой, копированием и сюда нужно добавить кастомную функциональность - сохранение, при нажатии на которое буде появляться модальное окно с выделенным.
  • Курсор должен менять свой вид на стандартный в ios для выделения текста (два курсора справа и слева от выделенного текста)
  • Вырезание, вставка, копирование должны работать стандартным образом
  • Также при выделении части строки и нажатии на клавиатуре кнопки удаление эта часть строки должна удаляться (также при нажатии на любую другую кнопка должен поставляться символ кнопки вместо выделенной строки)
Работа будет происходить через проект на гитхабе, там уже реализована часть этого функционала.
Если понадобиться что-то переделать, то не проблема, все на ваше усмотрение главное, чтобы все проходило по ТЗ.
По стоимости предлагайте свои варианты!

GitHub: https://github.com/VitaliyYurakh/React_Native_Keyboard
Figma: https://www.figma.com/file/tDIQszqTzqWNMziIdCfB0J/main-(Copy)?type=design&node-id=274%3A97698&mode=design&t=0L06g3EBGugLu0nO-1