Questions tagged [react-native-textinput]

240 questions
0
votes
1 answer

React Native Textinput: is there a way to animate the placeholder up to being a label?

I'm using TextInput in my React Native app. I want to have text as a placeholder that animates up to being a top left label when the user clicks on the TextInput. The Company Name label in the image below shows the kind of "top left" label that I…
gkeenley
  • 6,088
  • 8
  • 54
  • 129
0
votes
2 answers

react-native TextInput element has no method of blur and focus

I'm trying to control focus moving between few textInput elements, but they have no method of blur and focus. I've been struggled by this issue during the day. I have tried every solution I have searched and found on the web, but none of them are…
0
votes
1 answer

React Native : Not able to switch to next TextInput on returnKeyType="next" using ref

I am trying to move the focus from one TextInput to another on keyboard next press like in the below code in typescript But it shows "Property 'focus' does not exist on type 'never'.ts(2339)" error Is there any other method to do the same…
0
votes
0 answers

TextInput in ViewPager unfocusssing due to KeyboardAvoidingView?

I've read multiple questions regarding an existing issue with the PagerView library being combined with the KeyboardAvoidingView. All of the asked questions didn't lead me to a full solution. Multiple stated that the behavior of the…
0
votes
1 answer

Filter valid date for text input

I have text input to receive dates, one for Month, another for day, and the third one for the year. I want to check if the entered is valid before sending the data, how could I do that, here is my code
0
votes
0 answers

iOS Keyboard glitches on TextInput focus (React-Native & Expo)

I've an issue regarding an app i'm developing on React Native (w/Expo). I'm REALLY new to React Native. I don't know if this is an issue of libraries or an issue gathered by my low knowledge. In my app there's a button to open a modal in which you…
0
votes
1 answer

Adding a value to a TextInput changes the font-weight for some reason

I'm trying to format the date while the user is typing but when I add the value field (value={this.state.dob}) the style changes for a bolder font-weight (and sometimes changes for the right font weight mid typing). It really seems to come from the…
0
votes
1 answer

How to get TextInput current cursor position in React Native

Is there any way to get the cursor position of textinput in react native? What I want to achieve is that I have a textinput and on typing ' # ' on it, it will show up the list of options above the cursor's current position. Similar to this image
Hamas Hassan
  • 830
  • 6
  • 15
0
votes
1 answer

Not able to set inital height to TextInput component based on the content in React Native

I am having a TextInput component as shown below setInputDescription(e)} style={[Style.descriptionInput, { height: descriptionHeight }]} …
0
votes
1 answer

React Native TextInput focus

I am fairly new in react native( "react-native": "0.65.1"). When I tried to use TextInput component I get ["No Command found with name "focus"][1]. I did not understood the problem. Here my code: const [text, setText] = useState('');
0
votes
1 answer

React native Flatlist item is not update

i am currently doing a project where i can input item subjects in my Flatlist and update the item by adding NewMark and NewGrade . i have tried to console log and the input value is inputted but it does not change the NewMark and NewGrade value with…
0
votes
1 answer

activate and deactivate textInput

StackOverflow I'm trying to make a button to change the boolean value from true to false and vise versa in order to change editable value in textInput. This is how far I got till this momment: const [change, setChange] = useState(true); const…
0
votes
2 answers

Kivy: How do you make a rounded TextInput in kivy?

well guys I've researched but everything is so minimal about this. all I've found was This: Kivy: TextInput border radius. So guys can you tell how to make a rounded textinput in kivy like easier. I need a solution. I've tried radius: [58], nope.…
Polar
  • 21
  • 7
0
votes
1 answer

Disable React Native textinput but still can press enter / backspace key

As titled, is this possible? I know can disable the React Native textinput by setting editable={false} but i need to have the functionality for other keys like Enter and Backspace to work at the same time. But i don't think that will work because…
Fred A
  • 1,602
  • 1
  • 24
  • 41