Waxaa jira dhib ah ka falcelinta badhamada asalka ah oo ay adkaan karto in la arko lana fahmo. Markaad ku abuurto badhanka React Native, waxaad haysataa ikhtiyaarka aad ku abuuri karto badhanka wareega ama labajibbaaran. Si kastaba ha ahaatee, marka aad ku isticmaashid badhamadan app-kaaga, way adkaan kartaa inaad aragto midkee wareegsan yahay iyo keeba laba jibaaran yahay. Tani waxay kuu horseedi kartaa jahawareer iyo dhibaatooyin markaad isku dayayso inaad isticmaasho badhanka abkaaga.
border
import React, { Component } from 'react'; import { StyleSheet, View, Text, TouchableOpacity } from 'react-native'; export default class App extends Component { render() { return ( <View style={styles.container}> <TouchableOpacity style={styles.button}> <Text style={styles.text}>Click Me</Text> </TouchableOpacity> </View> ); } } const styles = StyleSheet.create({ container: { flex: 1, justifyContent: 'center', alignItems: 'center', }, button: { backgroundColor:'#4ba37b', width:100, borderRadius:50, alignItems:'center', paddingTop:14 }, text:{ color:'#fff', fontSize:16 } });
Koodhkan waxa uu ku qoran yahay Dhaladka React wuxuuna abuuraa badhan odhanaysa "Igu dhufo." Marka badhanka la riixo, ficil ayaa la sameeyaa.
Khadka kowaad waxa uu soo dejiyaa React iyo React maktabadaha Dhaladka ah.
Khadka labaad wuxuu abuuraa qayb la yiraahdo App. Qaybtani waxay samayn doontaa badhan
Sadarka saddexaad waxa uu dhigayaa qaybta App-ka. Qaybta App-ka waxa ay ka kooban tahay curiyaha TouchableOpacity, kaas oo u dhigi doona badhan ahaan. Badhanku waxa uu leeyahay qaab styles.button, kaas oo lagu qeexay xariiqda afraad. Qoraalka badhanka ayaa yeelan doona qaab styles.text, kaas oo lagu qeexay xariiqda shanaad.
Sadarka lixaad iyo toddobaad ayaa qeexaya qaababka weelka iyo walxaha badhanka, siday u kala horreeyaan. Cunsurka weelku wuxuu yeelan doonaa justifyContent iyo align Items oo loo dejiyay 'xarunta', si badhanku u dhexeeyo shaashadda. Cunsurka badhanka wuxuu lahaan doonaa asalka midabka '#4ba37b' iyo ballac 100 pixels ah. Waxa kale oo ay yeelan doontaa Radius oo loo dejiyay 50, si ay ugu ekaato goobaabin halkii ay ka ahaan lahayd leydi. Ugu dambayntii, waxa ay yeelan doontaa alignItems oo loo dejiyay 'dhex', si qoraalka dhexdiisa uu u ahaado mid toosan iyo toosan.
u dhig badhamada falcelinta
Waxaa jira dhowr nooc oo badhamada ah oo ku jira React Native:
Button
TextInput
RadioButton
Sanduuqa Checkbox
Sida loo siiyo qaababka badhamada
Waxaa jira dhowr siyaabood oo lagu siin karo qaababka badhamada React Native.
Hal dariiq ayaa ah inaad isticmaasho qaybta StyleSheet. Waxaad u gudbi kartaa shay qaab ahaan doodda labaad habka abuurista qaybta StyleSheet. Shayga qaabka waxa uu ka koobnaan karaa sifooyin loogu talagalay font, midabka, iyo midabka asalka.
Hab kale waa in la isticmaalo qaybta Button. Waxaad u gudbin kartaa shay qaab ahaan sida doodda labaad ee qaybta badhanka habka abuur () Shayga qaabka waxa uu ka koobnaan karaa sifooyin loogu talagalay font, midabka, iyo midabka asalka.
