Custom keyboard on React Native
Budget: $250 – $750 USD
Hello,
I need to fix some bugs and add some new functions to the already made custom keyboard (see files in attachment).
If formulate the task briefly, the custom keyboard should look and interact with the input field like a native iOS keyboard:
- Appearance of buttons;
- Graphic response when key is pressed (see Figma file);
- Graphic response when long pressed (letter selection);
- Tactile response when pressed;
- Sound response when pressed (sound files included);
- Switching the keyboard layout using select (in the test version you need to connect two languages: Ru and En)
- Dynamic rendering of keyboard buttons to make it possible to add other layouts in the future;
- Switch to numbers and signs by pressing the “123” button;
- The keyboard appears when you click on input;
- The keyboard disappears when you press outside input;
- Adding symbols when you press a button and move the cursor;
- When you press the “delete” button for a long time, the characters should be deleted;
- Move the cursor on input;
- Ability to move the cursor using the space bar (long press and move left and right);
- In general, the cursor should behave the same as in the default keyboard;
- When selecting part of a line, a standard context menu with cut, paste, copy should appear;
- The cursor should change its appearance to the standard one in iOS to select text (two cursors to the right and left of the selected text);
- Cutting, pasting, copying should work as standard;
Работа будет происходить через проект на гитхабе, там уже реализована часть этого функционала.
Если понадобиться что-то переделать, то не проблема, все на ваше усмотрение главное, чтобы все проходило по ТЗ.
The work will take place through a project on Github, where some of this functionality has already been implemented.
If you need to redo something, it’s not a problem, everything is at your discretion, the main thing is that everything goes according to the technical specifications.
GitHub:
https://github.com/VitaliyYurakh/React_Native_Keyboard
Figma:
https://www.figma.com/file/tDIQszqTzqWNMziIdCfB0J/keyboard?type=design&node-id=274%3A97698&mode=design&t=xk7BS3RRlFyTiUJJ-1
I need to fix some bugs and add some new functions to the already made custom keyboard (see files in attachment).
If formulate the task briefly, the custom keyboard should look and interact with the input field like a native iOS keyboard:
- Appearance of buttons;
- Graphic response when key is pressed (see Figma file);
- Graphic response when long pressed (letter selection);
- Tactile response when pressed;
- Sound response when pressed (sound files included);
- Switching the keyboard layout using select (in the test version you need to connect two languages: Ru and En)
- Dynamic rendering of keyboard buttons to make it possible to add other layouts in the future;
- Switch to numbers and signs by pressing the “123” button;
- The keyboard appears when you click on input;
- The keyboard disappears when you press outside input;
- Adding symbols when you press a button and move the cursor;
- When you press the “delete” button for a long time, the characters should be deleted;
- Move the cursor on input;
- Ability to move the cursor using the space bar (long press and move left and right);
- In general, the cursor should behave the same as in the default keyboard;
- When selecting part of a line, a standard context menu with cut, paste, copy should appear;
- The cursor should change its appearance to the standard one in iOS to select text (two cursors to the right and left of the selected text);
- Cutting, pasting, copying should work as standard;
Работа будет происходить через проект на гитхабе, там уже реализована часть этого функционала.
Если понадобиться что-то переделать, то не проблема, все на ваше усмотрение главное, чтобы все проходило по ТЗ.
The work will take place through a project on Github, where some of this functionality has already been implemented.
If you need to redo something, it’s not a problem, everything is at your discretion, the main thing is that everything goes according to the technical specifications.
GitHub:
https://github.com/VitaliyYurakh/React_Native_Keyboard
Figma:
https://www.figma.com/file/tDIQszqTzqWNMziIdCfB0J/keyboard?type=design&node-id=274%3A97698&mode=design&t=xk7BS3RRlFyTiUJJ-1