React Native tutorial in Hindi #29 Make radio button in react-native

preview_player
Показать описание
Here we will learn about how to make radio buttons without npm package or library in react native English beginners series. This React native course is made by anil Sidhu in the Hindi language.

Points of video
Make 2 TouchableOpacity with Text.
Apply style for the radio button.
Use State to make working radio button.
Interview Question.

React native and redux tutorial with saga in hindi Playlist

React Native tutorial in Hindi Playlist

Рекомендации по теме
Комментарии
Автор

Please Support me by Like, Subscribe and Comment

Paytm for donation: 9958194988

codestepbystep
Автор

Mashallah maza agaya radio button sikhne men bhot 🥰

MuhammadAsadullahKhan-glmg
Автор

import React, { Component, useEffect, useState } from 'react';
import { Button, Text, View, StyleSheet, TouchableHighlight, TouchableOpacity} from 'react-native'

const App = () => {
const [sletRadio, setSelectRadio]=useState(1);

return (

<View style={styles.main}>
<TouchableOpacity
<View style={styles.radioWraper}>
<View style={styles.radio}>
{sletRadio===1 ? <View : null}

</View>
<Text 1</Text>
</View>
</TouchableOpacity >

<TouchableOpacity
<View style={styles.radioWraper}>
<View style={styles.radio}>
{sletRadio===2 ? <View : null}
</View>
<Text 3</Text>
</View>
</TouchableOpacity>
</View>

)

}
const styles=StyleSheet.create({
main:{
flex:1,
alignItems:'center',
justifyContent:'center',
backgroundColor:'yellow',
},
radioText:{
fontSize:20,
},
radio:{
height:40,
width:40,
borderColor:'black',
borderWidth:2,
borderRadius:20,
margin:10,
},
radioWraper:{

flexDirection:'row',
alignItems:'center',
},
radioBg:{
backgroundColor:'black',
height:28,
width:28,
margin:4,
borderRadius:20,
}

})

export default App;

Husnainkambohh
Автор

Sir complete this playlist okkk sir Allah bless u

codewithroman
Автор

bhai ek video nodejs and mogodb ko host karne ke uper bhi bana do please

bharatsharma-pfjr
Автор

Sir, discord ka main mobile layout ka navigation kaise bna skte h react-native m

sandeepsinghmehra
Автор

python course start Karo na sir bigner to advance sir

faiyazfaiyaz
Автор

Bro teach us how to use dropdown and checkbox in react native

alamshaikh
Автор

Sir pls react redux ka project bnao
Pls

upasnasharma
Автор

Sir 10 -15 video to dal hi do ek se kuchh ni hota full day m

LordBudha_universe
Автор

onPress work nhi kr raha touhcalbleOpacity mai

prathamsehgal
Автор

Y state ka logic smjh ni aaya can anyone explain????

souravkumar