Stack Overflow
Stack Overflow

Questions tagged [react-native-textinput]

240 questions
0
votes
0 answers

Can't type in TextInput in headerTitle if initialValue of useState is set

I have weird issue with TextInput places as headerTitle in React Navigation. I made a compontent containing TextInput and Button: const SearchBox = ({handleSearch, setSearchTerm, iconSize, cleanSearch, searchTerm}) => { const animation =…
Świętopeł Ziemowit
  • 85
  • 2
  • 8
0
votes
0 answers

Blur input field on submit on Modal not working React Native

I have an input field on a modal, but it cant blur on button click so it takes 2x tap to press the button. I tried Keyboard.dismiss and useRef both are not working. I also tried onSubmitEditing prop is not working either My modal component looks…
Tom Kur
  • 2,248
  • 1
  • 18
  • 28
0
votes
1 answer

React-Native: How to exclude styles when using Paste on TextInput Android?

When copying text with styles, the formatting is preserved when pasting into a TextInput. This issue only occurs on Android devices. Is it possible to disable copying with styles or is there any other solution to this problem? Example:
Dobry Den
  • 1
0
votes
0 answers

secureTextEntry of textInput is not woking on Android side React Native

I am trying to use react-native secureTextEntry to hide my password field during registration. When I click on the show or hide icon to show or hide text then on IOS side secureTextEntry field is working fine but on Android side its don't show or…
Muhammad Shahbaz Ali
  • 1
  • 1
0
votes
0 answers

React Native: TextInput in child component loses focus after entering text

I have a React Native component where I want the TextInput in the child to update the state in the parent component. Here is a Snack and here is the code: import {Component} from 'react'; import { View, StyleSheet, TextInput } from…
gkeenley
  • 6,088
  • 8
  • 54
  • 129
0
votes
0 answers

Is there any way in React Native expo (Android and iOs) to do not show keyboard when textInput is focused?

I have a textInput which always have to be focused (to scan bar codes) I enter bar codes to the textInput using scanner, so I do not need keyboard which appears any time textInput is focused I tried Keyboard.dismiss() but in this case focus from…
Евгений Яковлев
  • 1
0
votes
1 answer

How can I implement a clear button in a React Native TextInput that doesn't lose focus?

Trying to implement a TextInput clear button in react native loses focus to the text input without invoking the function in the first place I have a Task to implement A text input that has a little clear button which sets the input field to "". it…
Adham Hassan
  • 1
  • 3
0
votes
1 answer

How can I keep my on-screen keyboard open after tapping submit?

I am using React Native and TextInput component to search products. When tapping on the input, keyboard opens, I write something and then press submit. Keyboard closes. I want it to stay open until i explicitly tell it to close so a user could keep…
FreshOldDeveloper
  • 3
  • 3
0
votes
0 answers

Scrollable Multiline React Native Text Input with Accurate Post-Keyboard-Drop Selections

I would like to create a scrollable multiline text input in react native. I would also like refocusing the text input, after having dismissed the keyboard, to put the cursor at the tapped location. If we create a component,…
pachun
  • 926
  • 2
  • 10
  • 26
0
votes
0 answers

TextInput resets after four numbers using onChangeText and value props

Whenever I type in four numbers in a text input form, it resets to one number. I am using toLocaleString() to format the number as I type, but it is only allowing for four numbers. I am also scaling the font size as the input gets bigger, but I…
dannym
  • 95
  • 2
  • 10
0
votes
0 answers

React native react-native-paper textInput outlined strange inside a view

Link video: Video As you see from start to weird behavior you don't see placeholder text. Which instead of in the same input field as above but not found in the view, is seen correctly. Can you tell me where I'm going wrong? You can also try it…
Paul
  • 3,644
  • 9
  • 47
  • 113
0
votes
1 answer

React-Native Textinput is not clickable inside List.Accordion

I'm creating a mobile app with React-Native that has a screen with many Textinput - fields. After I upgraded from RN 0.63.2 to 0.71.4 (including package updates) I can't click on the input fields anymore (Textinput is not focused and Keyboard…
simsinas
  • 1
  • 3
0
votes
1 answer

React Native change from circle to star symbol when TextInput secureTextEntry is set to true

Currently when I set the secureTextEntry to true, all the password symbols become circles: What I want to achieve is to show stars instead of circles. Here is an example: *notice the stars in the second image Thank you mates in advance!
spatak
  • 1,039
  • 1
  • 14
  • 25
0
votes
0 answers

Textinput maxLength is not working for default keyboard Type

//Here is my common component for Textinput function CustomTextInput(props) { return (
Vishali
  • 1,307
  • 4
  • 23
  • 41
0
votes
0 answers

How do I enter Text Input within the new View being generated and store it in an object array?

Currently, I am trying to build an exercise tracker application. As of now, I can select an exercise from a dropdown menu. Upon selecting, a new view will populate the screen with the exercise name. Next, I need to be able to have each view that is…
Diego Guardiola
  • 41
  • 4
1 2 3
…
15 16