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!
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 (
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…
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),…
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.…
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…
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…
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…
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…