Questions tagged [react-native-textinput]

240 questions
0
votes
1 answer

how can i display the selected time from a timepicker in a textinput react native

I used this timepicker my objective is to select a time from the picker and display it in my text inputs everything is working fine up until I select the time it won't show and gives me an error that text input value has to be a string can anyone…
0
votes
1 answer

React native create Textfield with predefined format of dd/mm/yyyy

I have created my own Texfield which I use throughout my app. I would now like to create a Textfield which has a predefined format of the input. So for example as seen below in the image I want the text to always have the format dd/mm/yyyy and that…
JonasLevin
  • 1,592
  • 1
  • 20
  • 50
0
votes
1 answer
0
votes
2 answers

React-Native: Adding text limit Indicator with a custom TextInput component

What I want to accomplish is a textInput that show a text like (0/255) in the side of itself. The minimal code for the component: import React, { useState, useEffect} from 'react'; import { View, TextInput, Text } from 'react-native'; …
0
votes
1 answer

How do I get event when backspace and length of TextInput = 0

This is my code React native: import React from "react"; import { View, StyleSheet, TextInput } from "react-native"; const UselessTextInput = () => { const [text, onChangeText] = React.useState(""); const [number, onChangeNumber] =…
robocon321
  • 363
  • 5
  • 8
0
votes
1 answer

I can't write to input in react native flatlist

I am trying to learn React Native. I have an example but there is a problem in the FlatList. I have a TextInput in the footer component. There is no error but when I try to write to the input field the keybord cant stay. It just appears and then…
0
votes
0 answers

React-native android textInput don't respond to focus when tap on it

I'm using a textInput to search some keywords on an expo project and after a small animation, the user can write on the input ... It works perfectly on IOS but on android it responds only if I tap on the extreme right of my input. Here is my…
0
votes
1 answer

Textinput .blur() when pressing Icon

when pressing an Icon, I want the TextInput to lose focus. I found this: Unfocus a TextInput in React Native and tried everything, but its just not working. Like this I get the error: Undefined is not an object (evaluating '_this.myInput.blur') My…
karste
  • 27
  • 1
  • 8
0
votes
0 answers

The TextInput in my app make my keyboard permanently laggy

The TextInput of my react-native app make my phone keyboard laggy even when i turn off the app. It works normaly until i try to type fast, it cause my keyboard slow and laggy. Worse yet, now my keyboard is permanently slow even though the app isn't…
0
votes
1 answer

React Native Android: How to be able to access different Textinput fields?

I am creating a temperature converter with 3 textinput fields, one for C, one for F and one for K. When I enter e.g. a value in the C field, it calculates the values for F and K. All fine so far. But when I then want to enter a value in the F field,…
0
votes
1 answer

How to update TextInput with DateTimePicker value? react native

I am trying to implement https://github.com/react-native-datetimepicker/datetimepicker. I create TextInput where I want to select date and display it into this TextInput but there is nothing happens. I dont have a clue how to do it. Here is my…
0
votes
1 answer

How to get value from TextInput using state in react native?

I am trying to implement TextInput and I stuck in moment when I need to get text from this. I tried a lot of options from other StackOverflow questions but nothing works for me. This is my code where I am using TextInput: export default class…
0
votes
1 answer

Passing UseState in React Native with typescript to Input box component and updating it onChange

I am having some problems passing the use state to a custom text input component.I want to update the state of symbol everytime a user makes a change in the input box. The use state symbol does not get updated and come back as undefined. App.tsx …
0
votes
0 answers

Remove text input underline border in React Native in dark mode

Underline border appears in React Native Textinput when in dark mode of the device, When switch to light mode it's gone TextInput when in light mode <---- screenshot TextInput when in dark mode <---- screenshot This is the react native style sheet…
0
votes
0 answers

Prevent TextInput box from starting small

I didn't have this problem before, but for some reason right now, my text input box is starting with 0 and it won't start with the place holder I had set. When I delete the 0 when I start entering, it goes away and sort of expands, with the place…