Custom Urdu Keyboard

[ZainabShakeel]

I want to Add my Custom keyboard in urdu language which is already defined in urdu_keyboard.xml file with codes. How can i add this keyboard in react native app ??

[khat33b]

Salaam Zainab. I made this library for the Latin alphabet. To use it for Urdu, you will have to clone the project and modify the src yourself. These are the steps you need to do:

1. keyboardData.json file: It contains a list of the lines of the keyboard. Each line is a list of characters as it would appear. You will need to add more lines to this list which contain the Urdu characters. There is also an option for setting the width for large buttons.
2. index.js file: In the constructor, add your index emailUrduIndices to the this.allIndices variable and a custom input type textEmailUrdu to the initialIndices variable. In the shouldComponentUpdate method, add another condition else if (nextProps.inputType === "textSearch") index = searchIndices;. If you want to change the text of the keyboard on the press of a button, add the code in onPress similar to how it is done for Latin characters.

If you need any more information, feel free to ask. Also if you are successful, please submit a pull request.

[ZainabShakeel]

Thank u soo much as long as i try this . Will ask you if needed help :)

[Msalmanzafar]

Salam

Anyone has idea for URDU keyboard,
I want to create custom keyboard for URDU content, also how to add or create words in TextInput using customize layout and words.