Stack Overflow
Stack Overflow

Questions tagged [react-native-textinput]

240 questions
2
votes
0 answers

TextInput placeholder style not work properly

I'm having an issue when I try to custom my TextInput whereas the placeholder will have normal fontWeight and the textinput will be bold. This is my code for that:
Brian H.
  • 1,603
  • 11
  • 16
2
votes
1 answer

React Native TextInput - Scroll to left when value is updated

I have a single line TextInput that can be updated via other parts of the UI. My issue is that sometimes, the text can be long. And in this case, when I update the value, the TextInput scrolls all the way to the end of its content. I need the…
zholmes1
  • 539
  • 5
  • 21
2
votes
2 answers

How to disable backspace key in TextInput in React Native?

I'm using TextInput and i'd like the first symbol in the TextInput to be constant. So if the length of the text is one symbol i could ignore backspaces and onChangeText event could be ignored. The following code doesn't work, the onChangeText event…
andrewprok
  • 21
  • 1
  • 5
2
votes
1 answer

React Native Error: Attempting to run JS driven animation on animated node that has been moved to "native" earlier by starting an animation

I am using version 0.61.4 of React Naive and I found it a strange problem. When focusing on TextInput(with default props) I get the following error: Attempting to run JS driven animation on animated node that has been moved to "native" earlier by…
Mahdi Bashirpour
  • 17,147
  • 12
  • 117
  • 144
2
votes
2 answers

How to use the useState hook to handle multiple textInputs that are dynamic from a FlatList in React Native?

I have a functional component that is a screen and I need to handle some state. I do not want to refactor my code to make it a class component and I would like to make use of hooks. I have a component within the screen that renders a flatlist (from…
BlueChip
  • 31
  • 1
  • 6
2
votes
4 answers

How to get values from TextInput

I'm stuck in a apparently simple function. How can I get a value (string) from a TextInput? Here an extract of the code: const Insert = props => { const [enteredName, setEnteredName] = useState(); const sendValues = (enteredName) => { …
Marco Disco
  • 527
  • 7
  • 22
2
votes
1 answer

How to include non-editable Text in TextInput?

Summary I want to have text next to the TextInput's value. This text should not be editable but also needs to be responsive, i.e., it moves as the content length of the TextInput changes so that is always X characters after the TextInput's…
HBSKan
  • 412
  • 5
  • 13
2
votes
2 answers

TextInput style is not updating if there is an emoji in text value

TextInput style is not updating if there is an emoji in text value however without emoji the text value color is updating. I would like to know why this issue is happening? Is it react-native issue or I am doing something wrong? React Native…
Hamza Shahbaz
  • 21
  • 4
2
votes
1 answer

Force focus ReactNative TextInput

I'm having trouble force focussing a react native TextInput field. It's focused when the page loads with autofocus={true}. But after blurring I would need to press the text input field, but that's hidden because of design reasons. Is there a way to…
Ruben Hamakers
  • 53
  • 1
  • 1
  • 4
2
votes
0 answers

React Native TextInput placeholder causes wrong contentSize.height onContentSizeChange in iOS

I am using multiline text input with placeholder like this. I am using onContentSizeChange to change the height of TextInput. …
Arpit Gupta
  • 65
  • 1
  • 9
2
votes
0 answers

TextInput value prop not taking proper state value

I am trying to build an input field which will only take numbers as input. Minimal component definition to explain my problem is as below type Props = {}; export default class App extends Component { constructor(props) { super(props); …
Abhishek
  • 2,543
  • 4
  • 34
  • 46
1
vote
0 answers

React Native Expo: Screen Flickers when text input is selected

I am working on a signup screen and the TextInput in react native expo is constantly flickering. It only happens in iPhone 14 Pro Max device. I have tested it on several emulators and iPhone XS Max device, but it works fine for some reason. I am…
Abdul Ahad
  • 35
  • 4
1
vote
0 answers

Keyboard gets dismissed immediately after deleting the last character in the textinput field - Formik - React Native

As described in the title. This happens in both: IOS and Android, iPad also. note:
Sami Siam
  • 21
  • 4
1
vote
0 answers

react-native TextInput component not showing the http url value properly in the iPhone SE model

In iPhone SE model, react-native TextInput component not display the http url properly. If I entered the value as https://www.test.com means it display the value only as https:// Issue Screenshot But If I entered as https://www.test.com/abc it…
renuka devi
  • 31
  • 1
1
vote
1 answer

How to disable cut/copy/paste in TextInput in react native with not hidden cursor?

Could anybody tell me how to disable cut/copy/paste fucntionality in TextInput in react native? I tried used contextMenuHidden={true}, editable={false}, selectTextOnFocus={false}, contextMenuHidden={true} but nothing to helped me. Only…
Tolik
  • 11
  • 1
1 2 3
…
15 16