Questions tagged [react-native-textinput]
240 questions
4
votes
0 answers
Horizontal scrollview auto scroll if textInput text is long enough
I've create a tab application with a paging horizontal scroll view has 3 pages like this
…
maphongba008
- 2,114
- 4
- 20
- 33
3
votes
5 answers
How to move decimal up a position in Javascript?
So basically the scenario is we have initial value 0.00
if the user enter any value like 2 than the decimal value should be 0.02
if the user enter any value like 3 than the decimal value should be 0.23 (appending to previous value of 0.02)
if the…
Adnan Ashraf
- 111
- 8
3
votes
1 answer
Keyboard closed on click on button in react native
I have creating a comment modal in which user can add comment. This section has a list of comments and a text input field to enter comments and a button to submit comment but the problem is the I enter something in text input and then press button…
deepanshi gupta
- 121
- 9
3
votes
2 answers
My React Native Text Input is losing focus after each character is entered
I have a TextBox Component which renders an Input box in my React Native app. It uses react-native-paper:
import * as React from 'react';
import {View} from 'react-native';
import {TextInput} from 'react-native-paper';
const TextBox = () => {
…
Sharon
- 3,471
- 13
- 60
- 93
3
votes
1 answer
How to make TextInput only accept up to 2 decimal places with a max value?
Here's my code snippet of a TextInput component in React-Native:
The render on the simulator looks like this:
I want to make the input field only accept decimal number <= 11.99 to mimic the highest input for inches for a person's height. In…
Awshaf Ishtiaque
- 441
- 5
- 11
3
votes
2 answers
TextInput - different height in Android vs iOS
I'm quite new to React Native and so far most of my testing has been in the iOS simulator. Now I'm cleaning up the small issues in the appearance in the Android Emulator. I'm struggling with one specific issue in the chat-part of the app that I…
Simon Degn
- 901
- 1
- 12
- 40
3
votes
1 answer
Press on textinput hides modal react-native-modal
I am rendering Flatlist which render list of items each item have button and modal inside it when the button pressed the modal shall open, each modal have some text inputs inside it
so the hierarchy is as the following…
Hazem Khairy Mohamed
- 63
- 1
- 7
3
votes
1 answer
Change color of single word in react native textinput
Is it possible to change the color of a single word within a textinput in react native?
For example, when mentioning someone in a textinput when commenting:
Hello @user
I would like "@user" to be a different color than "Hello" already in the…
ffritz
- 2,180
- 1
- 28
- 64
3
votes
1 answer
ReactNative - How to exclude format when using paste on TextInput
React Native : 0.61.4
If paste formatted text into my TextInput, the styles of TextInput are ignored.
oijafoijf asnjksdjn
- 1,115
- 12
- 35
3
votes
1 answer
react native text input keyboard how to show dot instead of comma?
I have an issue in react-native text input ios and I want to show a numeric keyboard. Here is the code that describes very well:
this.setState({ setCurrentValue })}
/>
but…
Fabio Plaka
- 138
- 2
- 12
3
votes
2 answers
Override/Disable iOS Smart Punctuation in TextInput
React Native 0.59.9 with device running iOS 11, and Smart Punctuation enabled. This iOS feature automatically converts entered text into more visually-pleasing notations.
Examples:
double hyphen -- gets autoconverted to an emdash — (unicode…
changingrainbows
- 2,551
- 1
- 28
- 35
3
votes
2 answers
React Native TypeScript TextInput not working
I am trying to learn react native by doing a basic application. I followed many tutorials available online and made the following class for a login screen:
import React, { Component } from "react";
import { View, StyleSheet, TextInput, Button,…
Harikrishnan
- 7,765
- 13
- 62
- 113
3
votes
3 answers
How to get the current number of lines in String of TextInput?
After entering text in TextInput
I want to know the currunt number of lines in TextInput.
Or
The current number of strings is also possible.
I've tried string.split('\n').length, but this code does not detect that the line is automatically…
oijafoijf asnjksdjn
- 1,115
- 12
- 35
3
votes
3 answers
Textinput minimum length React native
Is there a way to limit the textinput between a minimum length and maximum length. Suppose I want to limit the textinput length between 5 and 15, how do I do that ?
Vinay N
- 249
- 1
- 8
- 32
3
votes
1 answer
How to display search type Android keyboard in react-native
I've got a text input in my app which I use as a search bar and I know that Android has an API to display a search type keyboard and I'm wondering how I can use it in react-native.
I've looked in the react-native text input documentation but didn't…
Michael Ostrovsky
- 629
- 1
- 7
- 21