I am new to react native, I want to make a text input which accepts 3 lines of data and after that, it should automatically get the scroll up.
I got stuck and need help to resolve this issue.
Suggestions are welcome
You have to add some properties to that field such that
1) numberOfLines
2) multiline
Related
Trying to make a splash screen for my react native app using this guide: https://medium.com/#appstud/add-a-splash-screen-to-a-react-native-app-810492e773f9
Trying to type this code in: Code image
and I'm getting errors. Could someone please explain what the "create:" and "inputs:" mean and why they're grayed out?
Thanks
They are the explanation of the code parts. You put the inputs where it says inputs. Create is the block that you put your code that you want effect to trigger. You can read the documentation about the react hooks so you will have a better grasp before you try to jump into using them; React hooks
I'm really new to React Native (but quite experienced in React) and i'm having some issues with my react native app and was hoping to get some help.
What i'm trying to achieve is that I want to be able to select and highlight a word in a text, then store that value in a variable.
In native javascript to retrive the word would be something like "window.getSelection()", but that obviously doesnt work in this case. At the moment I have only found solutions using TextInput, but I want the text to be static.
Anyone have any suggestions how to tackle this problem?
Thank you in advance
Use <TextInput> with a editable={false}
UPDATE
As far as I know, there is no way to get the highlighted string directly but you can handle this with a trick!
use a setInterval and call Clipboard.getString() to get the string that is copied to clipboard!
ref1 - ref2
I am building a Currency Input component using React Native TextInput.
While the user is typing, the requirement is that the text should always be format in this way:
$ + [integer-part] . [2 digits decimals]
So for example if the user enters 2, it should be automatically formatted to $0.02. I am able to perform a formatting while the user is typing as illustrated in the below screenshot:
Basically, using onChangeText, I apply some formatting and then call setState with the formatted value.
The problem here is that the newly typed character says for one second before being correctly formatted. And this causes the TextInput to flicker briefly.
I have looked at this similar question. But not only I could not understand how the accepted answer can solved my problem. And even when I did as suggested, it did not work.
I don't know how to go about with this problem: it seems that the TextInput cannot be fully "controlled" since it is displaying an input character although I have explicitly stated:
value={this.state.value}
Any help from the community would be greatly appreciated
There is an open issue in the react-native github:
TextInput flickering when format the text closed, releated to:
Can't modify text in TextInput onChangeText callback on Android (open since 2019)
Even in the v0.68.1 (latest we have today) the same problem is happening.
I have a particullary case where I need to use currency masks and I have two choices:
Accept the flickering issue and keep the mask
Remove the mask and let the user put any plain text value. (in my case, forcing the keyboardType as 'numeric' was enough.
I want to use Bullet Character/ Small Circles used for passwords in React Native Text component. Is there a way to create them without using package.
I am thinking of creating a rounded View with background filled. However, kindly let know if a simpler solution exists.
There is a much simpler way,
Try using Unicode.
2B24, 25CF, 26AB, etc... these are Unicode for black filled dots.
USAGE: <Text>{'\u2B24'}</Text>.
You can search more Unicode here, http://www.unicode.org/
If you're wanting to create a TextInput that obscures the entries (e.g. for a password input), TextInput has a secureTextEntry prop.
I am working on a react native app.
in one page of it I wan't to make a highlighting option like the following picture
but I can't customize the text popover to reach this behavior,
after many trials I reached the following result
Any idea how to add highlighting functionality?
Try using react-native-highlight-words library . Might be it solves your problem
Just use a webview and use the injectedJavaScript prop