React Native tutorial in Hindi #13 Basic Form in React-Native | form with state

Here we will learn about how to make a simple and basic form in react native Hindi for beginners series. This React native course is made by anil Sidhu in the Hindi language.

Points of video
Make Text Inputs and Button.
Make States for every Text Input.
Get Text Inputs value in States.
Print Value on Button Press
Interview Questions.

React native and redux tutorial with saga in hindi Playlist

React Native tutorial in Hindi Playlist

[codestepbystep]

Please Support me by Like, Subscribe and Comment

Paytm for donation: 9958194988

[piyushbhambhani]

For show and hide password thing
<TextInput
placeholder="Enter Password"
style={styles.TextInput}
value={password}

onChangeText={text => setPassword(text)}
/>
<Button
title={passwordVisible ? '🐵' : '🙈'}
color={'white'}
onPress={
passwordVisible
? () => setPasswordVisible(false)
: () => setPasswordVisible(true)
}></Button>

[ZeelPatel-yc]

for password field make hide-show:

<Button color={'white'}

[sulaimanshabbir]

Simply take a button and onpress change the value of state "showPass" false to true and use state as value for SecureTextEntry

[reelsmahic]

Big Respect Sir apki videos bht informative hoti hy baki k muqbly me.

[AmanKumar-fhnu]

to change the type of password
state ka istemaal krenge
const [passwordType, setPasswordType] = useState(true)
or iss state ka istemaal hum krenge
wo eye wala element ek view ek andr bnayenge or uspe onpresss pr

correct me if I'm wrong?!

[RahulKumar-yic]

how to select the date of birth in react native form.

[animeshkumar]

Hi Sir, thank you for the nice video series. Could you please share the Git URL for the source code of this video series?

[adhirajkar]

We can take an eye icon and use it as a button and then use useState hook to change the boolean as true or false

[gaentertainments]

Thank you very much sir your way of teaching is awsome and its prove so much helpful for me

[noorulajamshaikh]

import React from 'react';
import {SafeAreaView, TouchableOpacity, StyleSheet, TextInput, Image} from 'react-native';

const TextInputExample = () => {
const [password, onChangePassword] = React.useState('');
const [show, onChangeShow] = React.useState(true);

return (
<SafeAreaView style={{flexDirection:'row', alignItems:'center'}}>
<TextInput
style={styles.input}

value={password}
secureTextEntry={show}
/>
<TouchableOpacity onPress={() => onChangeShow((current) => !current)}>
<Image style={{width:10, height:10}}
</TouchableOpacity>

</SafeAreaView>
);
};

const styles = StyleSheet.create({
input: {
height: 40,
margin: 12,
borderWidth: 1,
padding: 10,
},
});

export default TextInputExample;

[soniinfo]

SIR AAPNE LAST SERIES "REACT" SIKHAYA BUT USKE BOHOT CHNGES HO CHUKE HAI KYA APP 2023 ME REACT KI NEW SERIES START KARENGE KYA

[kousiksadhu]

source code plse for each video individuals

[YasirAli-lkdd]

Thanks sir ji for making this series would You like to also cover firebase in react native?plllz sir

[Faizandeveloper]

brother ye eye waala btao passsword show krne ke liye plzz

[ankitdeshmukh]

Where is the Angular Material Playlist ????

[mdohab]

Sir placeholder uper ki traf move kaise hoga input box pe click krne pr place holder uper ki traf move kaise kare
Sir please reply me

[NotesandPens-rowx]

remove value={password} if someone is having issue in PW field like its refreshing again and again

[nishajain]

You are created javascript tutorial playlist?

[nareshrajput]

sir esse pehle maine ek project create kiya tha tb to app.js hi file create hui thi