React Native tutorial in Hindi #32 Modal | Dialog Box in react-native

Here we will learn about how to use the modal and Dialog box in react native Hindi beginners series. This React native course is made by anil Sidhu in the Hindi language.

Points of video
Import button and Modal
Add style to button and Modal
Show and Hide Modal with State
Interview Question

[rajatdhiman]

Thank You So Much Sir You are my idle in react native development learning, I am Senior Web Developer ins Renuka Softtec,

[UnknownAgent.]

good very thanks sir
i used to hate programing
and also didn't liked your method of teaching but now i love your method and you made me to love ReactNative I can't Express My Thanks For You

[harshsavaliya]

Sire, I am very thankful😄to you that you created this playlist on reactNative and it helped a lot in my learning.

[Mehrankhan-wlto]

thak you sir this is very help full for us.

[sagarbharati]

hi. always thankx. how many series you planning to publish(in total)?

[bharatsharma-pfjr]

Please make a video on how to upload product image in node and react series, please waiting for a long time, there is no one who can be a good explainer like you, Anil bhai aap jo bhi padhaate ho direct mind me jaata h and ho sake to us react and node js waale project ko thoda or aage badhaawo like add to card, pagination, category page, filter by category and filter by price, please Anil bhai do it soon it will be more helpful and redux and saga bhi include kar sakte aap

[CodingFumes]

Hi, which vs code extension you are using for autocomplete suggestions

[SachinSachin-ooeb]

hi sir plese make a project on which syallbus who you have tech us till now? plesees sir
your videos are realy hepful for all students.
my college Students is fan of you❤❤❤❤❤❤

[gauravgupta]

sir, we will get firebase connection videos also ?

[aarif]

sir kindly make a video for api calling in react-native

[devanshuswami]

Sir Flex property use kar ne par screen blank ho jati hai

[Mr_Zeal]

sir thank you so much, sir api calling and pagination ?

[Vellowtian]

I am using your API Key for a day please don't mind- mine has yet to be reviewed so

[abhishekgoyal]

import React, { useState } from "react";
import { View, Text, Button, Modal, StyleSheet } from "react-native";

const App = () => {
const [showModal, setShowModal] = useState(false);
return (
<View style={styles.main}>
<Modal transparent={true} visible={showModal} animationType="slide">
<View style={styles.centeredView}>
<View style={styles.modalView}>
<Text Box React Native</Text>
<Button
title="Close Modal"
onPress={() => {
setShowModal(false);
}}
/>
</View>
</View>
</Modal>
<View style={styles.buttonView}>
<Button
title="Open Modal"
onPress={() => {
setShowModal(true);
}}
/>
</View>
</View>
);
};

export default App;

const styles = StyleSheet.create({
main: {
flex: 1,
},
buttonView: {
flex: 1,
justifyContent: "flex-end",
},
centeredView: {
flex: 1,
justifyContent: "center",
alignItems: "center",
},
modalView: {
backgroundColor: "white",
padding: 40,
borderRadius: 20,
shadowColor: "black",
elevation: 5,
},
modalText: {
fontSize: 30,
marginBottom: 20,
},
});