hello, how can i store in textinput from another component. when you click on the input, redirect to another component and from there get the variable from the state?
i did flutter playlist from this channel and i was so happy to find the react native playlist on the same channel...This is great!😊😊Thank you for your efforts.
Great Tutorial Ninja. Better than any React-Native tutorials I knew so far. Can you please update the Ansync Storage part for React-Native? Thanks Gang!
What should I do next Can you make a pathway video to know how should we follow your playlist from your channel for every technology covered on your channel?
can we directly use onChangeText={setName} insted of doing onChangeText={(val) => setName(val)} because theu both giving the same result is there any demirits of using first one? Thank you great tutorial :)
Very nice explanation, but I have query, while using TextInput with keyboradType='numeric' after onChangeText where the state value changes, I want to show in the TextInput field only, for that I had put the props as value={text}, but after that whenever I insert number into it, it shows error: Warning: Failed prop type: Invalid prop `value` of type `object` supplied to `ForwardRef(TextInput)`, expected `string`. As per it states that the value should be of string type, I had also tried some online solution on it like setting value={String(text)} which will give output as [object][object]1... like this, Please help to resolve this issue? Thank you.
How can i take value of all inputs by clicking button? I have 3 inputs and always when i click button its taking only 1 value and need to click multiple times to get good result.
brother if you are asking that how to take the textInput output in outer function then please check the code below.i hope it helps you or any other in future for textInput: now above return and below const App add this: const textChangedHandler = (value) => { setName(value); } it will hopefully do the job.
I learn react from your channel, I have question : in inputs, why did use onChange instead define button and when click on button the whole changes is done?
Hihi! I actually just started your lessons and had been great so far! However, I face the issue where I can input anything into my emulator. Though our code is the same, mine does not allow me to type anything. It seem more like a "picture" instead. May I know how I should resolve this?
Very Nice Videos Man !! can you please tell me how to get rid of eslint(prettier/prettier) errors, those make no sense mostly and I have noticed that there are no such errors while you code
Hello brother, I need to ask you one thing Like wise I have a registration screen where multiple Text Input is placed I want to move to next text input from my keyboard only and on last text input the keybord says done
You can do this: { this.secondTextInput.focus(); }} blurOnSubmit={false} /> { this.secondTextInput = input; }} placeholder="secondTextInput" /> What we're doing is, we first set the return key type of the first input to next. This will make the Tick to say Next. In the second input, we're adding a reference to the input by using this.secondTextInput = input, where input is the second text input which ia a param passed to the ref prop value function. Then, we're binding an onSubmitEditing handler. What it means is, "whenever you press the return key (which, in our case, is the Next key), make the second text input focus. That's why we added a ref prop to get the reference to the second input The ref prop is Global to all components, and is useful in these cases
Hello. I seem to be having a small issue with the tutorial, specifically at 2:41. The Expo App on the Android Emulator seems to be crashing whenever I use the tag . I don't know if that's because of React Native or because of the Expo App. What's the best way to solve this error?
@@Ayush_kumar123 Thx! Not gonna lie. It took me hours and so many Google searches to understand what the issue was. Can't believe it was something so simple.
Dude, this is an absolutely great series. Thank you.
Thank you so much, I learned so many things from you. You help many aspiring programmer especially for a beginner like me😊💕
Great tutorials, clear and concise. You're the man.
Thank u! 🇧🇷
You no have idea how much help me!
okay i dont really comment on vides on youtube but man this one is gold
Thank you :)
I appreciate your videos, thank you.. explanation is so clear and from scratch
Amazing tutorials Shaun, my congrats!🔥
Very good explanation. Thankyou
you are a legend
Hey ninga bro good tutorial
hello, how can i store in textinput from another component. when you click on the input, redirect to another component and from there get the variable from the state?
Thanks U
Could use form state as object? and how to setForm change?
>
i did flutter playlist from this channel and i was so happy to find the react native playlist on the same channel...This is great!😊😊Thank you for your efforts.
Glad you like them!
Great Tutorial Ninja. Better than any React-Native tutorials I knew so far. Can you please update the Ansync Storage part for React-Native? Thanks Gang!
hey i want my textinput box to be cleared after i enter a text. anyone knows how to do it?
Please make an e commerce application on React Native !
Nice content, thank you for the help
What should I do next
Can you make a pathway video to know how should we follow your playlist from your channel for every technology covered on your channel?
shiiiit, so many events swo many objects, if you return just a target of that components you get object from hell.......
Brother, really taught well and helped me a lot, thank you
i like how he say update
THE INTERNET NINJA
Wow, thank you! :)
I know that setState is asynchronous. Therefore, the console.log won’t print out the updated value. How do you fix that?
can we directly use onChangeText={setName} insted of doing onChangeText={(val) => setName(val)} because theu both giving the same result is there any demirits of using first one? Thank you
great tutorial :)
Awesome Job...Thank You for this useful tutorial!
Glad it was helpful! :)
Thats avesome teaching. Really enjoyed when I listen. But how could I contact with you ? @TheNetNinja
Thank you so mucj man! Your tutorial was the only one that worked for me. +1 sub
why can you add styles too TextINput but not to Button?
Very nice explanation, but I have query, while using TextInput with keyboradType='numeric' after onChangeText where the state value changes, I want to show in the TextInput field only, for that I had put the props as value={text}, but after that whenever I insert number into it, it shows error:
Warning: Failed prop type: Invalid prop `value` of type `object` supplied to `ForwardRef(TextInput)`, expected `string`.
As per it states that the value should be of string type, I had also tried some online solution on it like setting value={String(text)} which will give output as [object][object]1... like this,
Please help to resolve this issue?
Thank you.
Sir how we can transfer usestate one page to another page??
How can i take value of all inputs by clicking button? I have 3 inputs and always when i click button its taking only 1 value and need to click multiple times to get good result.
what if i want to call the input in another function?
brother if you are asking that how to take the textInput output in outer function then please check the code below.i hope it helps you or any other in future
for textInput:
now above return and below const App add this:
const textChangedHandler = (value) => {
setName(value);
}
it will hopefully do the job.
I've tried tabbing through Inputs by using returnKeyType={"next"}...it doesn't work. Could you explain how can do it?
I learn react from your channel, I have question :
in inputs, why did use onChange instead define button and when click on button the whole changes is done?
Thank you , i love how this video gets straight to the point and teaches you what you need to learn.
Hihi! I actually just started your lessons and had been great so far! However, I face the issue where I can input anything into my emulator. Though our code is the same, mine does not allow me to type anything. It seem more like a "picture" instead. May I know how I should resolve this?
Very Nice Videos Man !!
can you please tell me how to get rid of eslint(prettier/prettier) errors, those make no sense mostly and I have noticed that there are no such errors while you code
Very nice! I´m Brazilian and folow you!
Here it is !!!
nice video, but how to get value from textInput when i press the button ?
brother .. How to move from one textinput to another textinput using keyboard?
thank you so much bro, you save my day
how to clear the input after submit?, there is no name.Text = "" here
how do i like 👍 this video 100 times ?🤔 7:53
Link for more props for Text Inputs
reactnative.dev/docs/textinput
how about if i want to change the name and age using onPress button?
Which extension you're using for react native snippets??
Thanks a lot for your wonderful teaching videos!
Thank you so much for the explanation and tutorial
You didn't add the link in the description for textinput props
facebook.github.io/react-native/docs/textinput
This is really what I am looking for... Great efforts.
Paper starts at 2:20 and I’m here at 2:15, awesome video mate❤️
good contentt
Your video help me a lot. Thank you
Very nice, I thank you very much❤️❤️❤️❤️❤️❤️❤️❤️
Hello brother, I need to ask you one thing Like wise I have a registration screen where multiple Text Input is placed I want to move to next text input from my keyboard only and on last text input the keybord says done
You can do this:
{ this.secondTextInput.focus(); }} blurOnSubmit={false} /> { this.secondTextInput = input; }} placeholder="secondTextInput" />
What we're doing is, we first set the return key type of the first input to next. This will make the Tick to say Next. In the second input, we're adding a reference to the input by using this.secondTextInput = input, where input is the second text input which ia a param passed to the ref prop value function. Then, we're binding an onSubmitEditing handler. What it means is, "whenever you press the return key (which, in our case, is the Next key), make the second text input focus. That's why we added a ref prop to get the reference to the second input
The ref prop is Global to all components, and is useful in these cases
cut / paste events???
you are awesome.
Hello. I seem to be having a small issue with the tutorial, specifically at 2:41. The Expo App on the Android Emulator seems to be crashing whenever I use the tag . I don't know if that's because of React Native or because of the Expo App. What's the best way to solve this error?
Use
@@Ayush_kumar123 Thx! Not gonna lie. It took me hours and so many Google searches to understand what the issue was. Can't believe it was something so simple.
then should you use parseInt( ) ?
thanks for these super useful videos
0:42How can i use the number i am trying to get a number in textinput but it keep giving me string
Thanks for an awesome simple video!
You're welcome! :)
thenks sir
Loved this course , really helped me!
good
Yov ninga.... you are legend.
🔥🔥🔥
Great thank you 👏🔥
Best explanations as usual! you are amazing bro
Thanks for watching Erix :)
thanks ninja
thank you brother .
Excellent 👍👍
Thank you ander 👍
5:40
nice vid man!
Awesome! Congrats!
Great video and content 👍
Thank you! 👍
2nd comment,