Questions tagged [react-native-textinput]
240 questions
1
vote
2 answers
React Native: How value is past by onChangeText in this TextInput code?
This code is suppose to be a generic handler function for multiple TextInputs, to be invoked by onChangeText :
getHandler= key =>{
return val =>{
this.setState({[key]: val})
}
}
.

Eiman
- 49
- 1
- 5
1
vote
0 answers
How to remove this bottom keyboard section for emoji and mic buttons in react native
Does anyone know how to remove this bottom section of the keyboard on react-native iOS? Maybe a secret keyboardType prop on a TextInput or something?
Thanks!

Alec Lorraine
- 388
- 2
- 9
1
vote
0 answers
React Native KeyboardAvoidingView not working on ios
Problem:
I am using KeyboardAvoidingView in ios with behavior="padding" but it's not working.
My screen has four text input fields, which get hidden by keyboard as it opens.
Code:
Screen:
const Screen = () => {
return (
…

Vinay Sharma
- 3,291
- 4
- 30
- 66
1
vote
2 answers
React Native TextInput has no focus method
I've been digging around and I can't seem to find a proper way to focus the next TextInput in a form. I'm using React Native 0.61.5 & React 16.9.0 and have set-up the project with a Typescript template. Most of what I've found online uses earlier…

Mosef
- 217
- 4
- 11
1
vote
0 answers
Text input keyboard type with options for 'bold', 'italic', 'underline' text - ipad
Is there any way to show the Bold/Italic/Underline buttons in the keyboard when focusing a TextInput on an iPad? I've seen this option already built in in the mail and notes apps, however I cannot find any way to do this for my app using React…

Kristine Trona
- 61
- 5
1
vote
1 answer
React native: Which function is fired when There is a focus on TextInput and it reached its limit still a input button is pressed
I am new to react-native. I have 3 TextInput Field t1, t2, t3. I have done focusing on next input field when reached its limit. Now I am stuck with a situation that somehow there is a focus on my textinput field t1 and t1 has already reached its max…

Mani Kant Tiwari
- 390
- 2
- 7
- 19
1
vote
1 answer
React Native (Expo) TextInput : style changes when selecting a suggestion provided by Android
Looking for a solution for this problem since 2 days and the internet didn't provide me with a solution for the first time of my life, so this is my first post on StackOverflow :)
So, I'm building a react-native (0.59.8) app with Expo (3.4.1),…

Kevin Cousin
- 13
- 4
1
vote
2 answers
React native: race condition in TextInput
I encountered an issue with TextInput, which gets input from user, and a button which send the message in TextInput and clear the input.
So overall flow would be:
User type into TextInput
At some point, user presses Button(aka.…

Bubu
- 651
- 8
- 25
1
vote
1 answer
Dynamic textinput inside Flatlist State update
From the sample code below i am trying to render textbox along with content inside Flatlist renderItem method and simultaneously trying to update textbox value.
Bad luck is on device after typing a single character, keyboard goes down.
Please find…

Mayur Baldha
- 126
- 1
- 15
1
vote
2 answers
ReactNative multiline TextInput not detecting taps on empty lines
I've been trying to get my TextInput to focus (open keyboard) when I tap anywhere within the (gray) multiline box, but it is only detecting taps on lines with text (or the placeholder).
Is there any way to force the TextInput to focus when I click…

LeandroG
- 831
- 9
- 17
1
vote
0 answers
Select text on focus does not work for multiline textInputs
The text inside my multiline textInput is not being selected even though 'selectTextOnFocus' is set to true.
I know that the text will be selected if multiline is not set to true, but I want this textInput to have multiple lines. I read the React…

Captain Crime Bill
- 33
- 5
1
vote
1 answer
React Native TextInput reads value from state when it's in string. But fails when it is in number
I don't know whether it's a bug on react native TextInput or if I am doing something wrong. When I try to show initial value based on state as default value on TextInput it works only for string and not for number.
this.state =…

Rishav Kumar
- 4,979
- 1
- 17
- 32
1
vote
0 answers
TextInput autoCapitalize ignored on Android if both keyboardType and margin/padding set:
So I have set autoCapitalize and keyboardType to a TextInput in React Native. But autoCapitalize is ignored.
There was a bug in React native codebase which they fixed and the solution was :
(Work-around) If using TextInput in a component and the…

Saurabh Kataria
- 81
- 8
1
vote
1 answer
How to make a custom text input for password in React Native?
How can I go about making a TextInput of password type like this in React Native? I want the input to turn into a black circle only like the default type, but I want it to customize according to my padding between each input.

Shubham Bisht
- 577
- 2
- 26
- 51
1
vote
0 answers
How to handle input validation on a react-native Text Input component?
I'm trying to implement a phone validation onto my PhoneInput component, but I'm getting a bit lost and confused on the abstraction level.
I have a hierarchy of 3 components State (custom state handler) -> Phone Form (the phone form) -> Phone Input…

intercoder
- 2,171
- 7
- 23
- 34