Questions tagged [react-native-textinput]

240 questions
0
votes
1 answer

Give styling to placeholder in TextInput in React Native

So I've a TextInput and the placeholder has a styling. For this, I place a Text with position: 'absolute' and zIndex: 1 before the TextInput activeField(){ this.setState({active: true}) } render(){ return( {…
0
votes
2 answers

React Native - How to add an image to TextInput?

I would like to add an image to TextInput. Like Android's Spannable and IOS's NSAttributedString Test I get the results I want. However, it was not available in TextInput. If add
oijafoijf asnjksdjn
  • 1,115
  • 12
  • 35
0
votes
1 answer

How to call an async function in TextInput's onChangeText

Here is my code SearchFilterFunction(text) { callApi = async () => { try { const response = await fetch('http://192.168.100.229:9085/api/V1AndroidUnAuthorizedFastSearch? title=${text}'); const responseJson = await response.json(); …
Ali Radman
  • 184
  • 1
  • 13
0
votes
3 answers

How to show selected date and time in textinput in react native

I am developing a react-native app. And i am using a date time picker in it. My problem is i want to show the selected date and time from the date-time picker in the textInput immediately after selected the date and time ... how to do that. Here is…
Savad
  • 1,240
  • 3
  • 21
  • 50
0
votes
1 answer

Change TextInput editable attribute when I press a button (Not working)

I am trying to change editable with state with the click of a button, but it is not working for some reason. I have seen other people do it this way and it works. Is there another way to do this instead? or am i missing something? Thanks `class…
0
votes
1 answer

React Native how change size & color of secureTextEntry inputs

So I have a password input like below : and have this style applied…
Emad Dehnavi
  • 3,262
  • 4
  • 19
  • 44
0
votes
1 answer

textinput value on scrollview

i want to change value of textInput but it change all value of textinput , i know because of the state, but what the right way to handle this textInput or what i use is numericInput from react-native-numeric-input, thanks for helping.
ghassan
  • 45
  • 2
  • 7
0
votes
1 answer

how to get text from MKTextField

Hello I am using a floating label (MKTextField) in React native app. I want to know how to get the text from it. I tried to look online but could not find it. Using react native material kit "react-native-material-kit": "^0.5.1", could you please…
BRDroid
  • 3,920
  • 8
  • 65
  • 143
0
votes
2 answers

text input flickering react-native

I have used text input in creating a search bar on the 'HomeScreen'. Whenever I click on the search bar, it takes me to the 'SearchScreen' where text input is focussed. In both screens, I have placeholder "Search" in the text input. The problem I am…
0
votes
1 answer

I have a TextInput, how to enable only numbers less than 9999.99?

I have a text input, how is possible to allow only numbers lower than 9999.99?
Lucky_girl
  • 4,543
  • 6
  • 42
  • 82
0
votes
0 answers

AutoCorrect and autocomplete flag is not working for android react native

I am using Textinput component in which i want to disable suggestion strip. but autocorrect flag is not working for android side. Can any one help me?
-1
votes
1 answer

How can i remove the side lines when selecting a text in IOS in react-native?

As you can see in the above image I want to remove both the sidelines in ios in react- native, I have tried every prop available in the text-input but nothing is working. Is there any solution for this?
-1
votes
1 answer

Find difference between an array of strings and a string made from that array - React Native

so this is an interesting problem I am faced with. I have an array that I receive from a ASR server in a format like this [{start: 0, end: 0.4, word: "Hello"}, {start: 0.4, end: 0.6, word: "my"}, {start: 0.6, end: 1, word: "name"}]. The array is…
-1
votes
1 answer

Hashtag formatter text input react native

I want to dynamically change the color of words in a textInput element where a hashtag comes up. Similar to a lot of apps. Here is what i have so far: handleCheckTextChange = (inputText:any) => { const words = inputText.split(' '); …
frankied003
  • 466
  • 6
  • 26
-1
votes
1 answer

React native Textinput input max length value

How do you set such value? For example the number field must be less than 50. how to use with maxLength={2} property, how to validate it.. i want input number should be less than 50 here is my code.. ShowMaxAlert = (EnteredValue) =>{ …
Riyaz Mirza
  • 149
  • 1
  • 2
  • 8
1 2 3
15
16