If you have an issue where the keyboard hides the output, you can add Keyboard.dismiss(); to the onSubmit like follows. onSubmit={ values => { console.log(values); generatePasswordString(parseInt(values.passwordLength)); Keyboard.dismiss(); }} Also add Keyboard to the import as such import { SafeAreaView, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View, Keyboard } from 'react-native' Great course. Thank you.
"If you have understood 10% or all of this I'm trying to say as of now, that is good enough, more than good enough. Now when I take you to the code part, you will understand the 90% part of it.". Thanks a lot for this tutorial! ❤
For those of you, who are facing Type error in VS Code like so: Type '(e?: FormEvent | undefined) => void' is not assignable to type '(event: GestureResponderEvent) => void'. Types of parameters 'e' and 'event' are incompatible. This is a bug that hasn't been fixed as of 30/12/2023, so the workarounds are: 1. handleSubmit as unknown as (e: GestureResponderEvent) => void // This works fine 2. () => handleSubmit() // This has performance issues
followed the tutorial throughly even copied and pasted code in a another project stilll i'm not able to generate code and functionalities not as per the video
const PasswordSchema = Yup.object({ passwordLength: Yup.number() .min(4, 'Should be min of 4 characters') .max(16, 'Should be max of 16 characters') .required('Length is required') })
This is not the right approach to teach. that you write a complete code which doesn't show up stuff on screen and nor you are explaining what's going behind the scenes, if i have to go to the docs and read about everything then what's your point of making a video.
If you have an issue where the keyboard hides the output, you can add Keyboard.dismiss(); to the onSubmit like follows.
onSubmit={ values => {
console.log(values);
generatePasswordString(parseInt(values.passwordLength));
Keyboard.dismiss();
}}
Also add Keyboard to the import as such
import { SafeAreaView, ScrollView, StyleSheet, Text, TextInput, TouchableOpacity, View, Keyboard } from 'react-native'
Great course. Thank you.
"If you have understood 10% or all of this I'm trying to say as of now, that is good enough, more than good enough. Now when I take you to the code part, you will understand the 90% part of it.". Thanks a lot for this tutorial! ❤
For those of you, who are facing Type error in VS Code like so:
Type '(e?: FormEvent | undefined) => void' is not assignable to type '(event: GestureResponderEvent) => void'. Types of parameters 'e' and 'event' are incompatible.
This is a bug that hasn't been fixed as of 30/12/2023, so the workarounds are:
1. handleSubmit as unknown as (e: GestureResponderEvent) => void // This works fine
2. () => handleSubmit() // This has performance issues
it is still not fixed buddy
Very comprehensive tutorial on formik, as said there are very few or handful of available there.
This was such a great explanation, has to say had one of the best learning experience from this playlist. Thank you ❤❤
Hey ! Are you doing job or you are learning it for getting your job or switching your job ?
Superb.I am enjoying the process 😍
I appreciate your efforts so much, sir. I'm doing well and finally feel like I'm accomplishing something.
Strongly needed video
Excellent great course and great instructor.
Awesome! Grateful for the content you're putting out. Waiting for the next ones.
Not able to find this Code in github. Can anybody help please?
this was too fast.. previous tutorials were good
Great Video Series
followed the tutorial throughly even copied and pasted code in a another project stilll i'm not able to generate code and functionalities not as per the video
can someone help me with the github link for the styling part he mentioned?
I can't type my length of the password in the input box it is , being erased once i type it.. What to do?
I am also facing same issue can you tell me how to solve it
thanks for providing valuable guidance; just asking why not use react-hook-form instead of formik???
You can use that too. Just wanted to have variety in react native
From my experience, I just exhausted to adopt Picker (@react-native-picker/picker) working with Formik... react-hook-form way more better! Easy !!
Fantastic video! 😍
Thanks!
sir there is an error in onpress={handleSubmit} I think due to that error submit button is not working. please help me to solve this error
you can wrap handleSubmit inside a callback and pass that callback inside onPress , eg : onPress = {( ) => handleSubmit( )}
const PasswordSchema = Yup.object({
passwordLength: Yup.number()
.min(4, 'Should be min of 4 characters')
.max(16, 'Should be max of 16 characters')
.required('Length is required')
})
And use this
passing the handleSubmit reference to onPress throws the error.It's not working can somebody help
me too, have you solved it?
onPress={() => {
handleSubmit()
}}
This solved the issue. Do not know if this method is correct.
you can wrap handleSubmit inside a callback and pass that callback inside onPress , eg : onPress = {( ) => handleSubmit( )}
do you have a tutorial like this with API, database?
Yep, it’s an ongoing series and I will try to add them too
@@HiteshCodeLab okay thanks I will wait this :)
But it doesnot work in ios
make a video on agenda node package for scheduling or delete data , for this i will sponsor you but i am not that much rich
Looks like Coding Garden live stream 💯
thank you
ty sir
Waiting
Sir please do this series fast
Bro it's takes time to make this type of high quality video so please don't complain appreciate the content 🙏
Sir all of a sudden you went from beginner level to intermediate level. Way to fast.
FInaaaaly
This is not the right approach to teach. that you write a complete code which doesn't show up stuff on screen and nor you are explaining what's going behind the scenes, if i have to go to the docs and read about everything then what's your point of making a video.
Respect++ for your effort to record 1 hr long video again with this much energy! 🫡🫡
Really enjoying the series sir.😊
waste... hownto call reset outside formik?
sir there is an error in onpress={handleSubmit} I think due to that error submit button is not working. please help me to solve this error
submit button is not give error message and after entering valid entry this is not working. i hope you will answer me soon. i am waiting fo it.
bro pass it like "onPress={()=>{handleSubmit}}" , @@usmanmehar2555
But After implementing this functionality not woring@@DheerajYadav-yq1ed
put this code in place onpress(handelsubmit) ---- onPress={(event) => {
handleSubmit();
event.preventDefault();
}}
@@kanithisatishkumar7036 Thanks ,big helps