Questions tagged [react-native-textinput]
The react-native-textinput tag has no usage guidance.
react-native-textinput
253
questions
0
votes
1
answer
41
views
How can I change a TextInput's selection and fire its onSelectionChange event in unit testing?
I have a React Native component with a TextInput that I'm testing. Part of the behaviour of this component relies on handling the current selection position via onSelectionChange — that is, it matters ...
1
vote
1
answer
41
views
Send / submit button not calling linked function in React Native
The button in the example below doesn't seem to be calling the function linked to it when the keyboard is up / TextInput is on focus. It does work when the keyboard is down, though.
My best guess is ...
0
votes
1
answer
44
views
TextInput bug in react native on web, Only one character being entered before losing focus
The issue im having is when I have a textInput I can only type in one character and then TextInput loses focus.
import React, { useState, useEffect } from 'react';
import { View, StyleSheet, TextInput ...
0
votes
0
answers
23
views
React Native- TextInput horizontal padding diferent android and ios
IOS
ANDROID
Android must look like iOS
textInput: {
height: '100%',
fontSize: 15,
fontFamily:
...padding(0, 'horizontal'),
},
This is the text input style
<RNTextInput
ref={ref}
style={[...
0
votes
1
answer
23
views
onFocus does not run a function in TextInput in react native
<TextInput
placeHolder="I was approached and ..."
onChangeText={(desc) => dispatch(updateErrorPageDesc(desc))}
onFocus= {testFunction}
/>
const testFunction = () => ...
1
vote
1
answer
74
views
React Native Text component Inside TextInput component Issue on iOS: Losing Focus When Typing Text Inside TextInput Component
<Text
style={{
justifyContent: "center",
alignItems: "center",
alignSelf: "center",
textAlign: "left",
textAlignVertical: "center&...
0
votes
0
answers
69
views
TextInput component frozen when try to type something
I've created a child component for InputField and I used that component in my Signup.tsx page 4 times to make different type of InputField just like shown in the screenshot, but when I try to type ...
0
votes
0
answers
63
views
React Native TextInput loses focus when switching tabs
I'm working on a React Native project where I have a TextInput component inside a TabView.
I'm facing an issue where the TextInput loses focus and the keyboard dismisses when I switch tabs.
When I tap ...
0
votes
1
answer
34
views
TextInput Blibking React Native
I do sign TextInput, when I write email the clipboard start blinking
I tried use keyboardsSafeView, use another textInput, nothing help me, maybe its iOS bug?
my code:
<View style={styles....
0
votes
1
answer
414
views
How to copy text to clipboard in react-native using text view?
I'm facing the issue with copying the text from TextView in react-native, When long press on TextView the selection view is not appears in iOS.
I've found the some solution using the stack to use <...
0
votes
0
answers
26
views
Lower border of search bar input container not appearing - React Native
My current search bar looks like this (lower border does not appear).
This is its current code:
<SearchBar
containerStyle={{
backgroundColor: "white",
padding: 10,
...
2
votes
1
answer
132
views
Long text inside TextInput aligment in React native
I have a TextInput in React native. If i change the value using keyboard it works fine but, if i change it programmatically using a useState var then, if the text is too long, the text alignment ...
0
votes
3
answers
442
views
How can i force TextInput to grow while multiline={false} on react native?
<TextInput
ref={inputRef}
value={text}
style={styles.textInput}
returnKeyType="next"
placeholder={"placeholder"}
scrollEnabled={false}
blurOnSubmit={false}
...
0
votes
0
answers
153
views
paste otp in 4 textfields when you copied from email
How to automatically paste the one time code which is received in email in react-native text input
otp is sent to email.i have applied multiple solutions but not get any happy ending. when user wanna ...
0
votes
0
answers
19
views
react-native-multiple-select: remove unwanted white background
Using <MultiSelect /> of react-native-multiple-select getting unusual white background on the above the input bordered box, this package is so hard to style, please help where is it coming from ...