Kunenkinga ngezinkinobho zomdabu zokusabela okungaba nzima ukuzibona nokuzwisisa. Uma udala inkinobho kokuthi React Native, unenketho yokudala inkinobho eyindilinga noma eyisikwele. Nokho, uma usebenzisa lezi zinkinobho kuhlelo lwakho lokusebenza, kungase kube nzima ukubona ukuthi iyiphi eyindilinga nokuthi iyiphi eyisikwele. Lokhu kungaholela ekudidekeni nasezinkingeni uma uzama ukusebenzisa izinkinobho kuhlelo lwakho lokusebenza.
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 } });
Le khodi ibhalwe nge-React Native futhi idala inkinobho ethi "Chofoza Mina." Uma inkinobho ichofozwa, kwenziwa isenzo.
Umugqa wokuqala ungenisa ngaphandle imitapo yolwazi ye-React and React Native.
Umugqa wesibili udala ingxenye ebizwa ngokuthi i-App. Le ngxenye izonikeza inkinobho.
Umugqa wesithathu unikeza ingxenye yohlelo lokusebenza. Ingxenye yohlelo lokusebenza iqukethe i-elementi ye-TouchableOpacity, ezosebenza njengenkinobho. Inkinobho inesitayela se-styles.inkinobho, echazwe emgqeni wesine. Umbhalo wenkinobho uzoba nesitayela sezitayela.umbhalo, ochazwe emugqeni wesihlanu.
Umugqa wesithupha nowesikhombisa uchaza izitayela zesiqukathi nezakhi zenkinobho, ngokulandelana. I-elementi yesiqukathi izoba ne-justifyContent futhi iqondaniseIzinto ezisethelwe 'maphakathi', ukuze inkinobho ibekwe phakathi esikrinini. I-elementi yenkinobho izoba nombala wasemuva othi '#4ba37b' nobubanzi bamaphikseli angu-100. Futhi izoba ne-borderRadius esethelwe ku-50, ukuze ibonakale njengombuthano kunokuba iwunxande. Ekugcineni, izoba nokuthi alignItems isethwe ukuze 'maphakathi', ukuze umbhalo ongaphakathi kwayo umiswe uqonde futhi uvundlile.
setha Izinkinobho kokuthi React
Kunezinhlobo ezimbalwa ezihlukene zezinkinobho ku-React Native:
Inkinobho
Okokufaka umbhalo
I-RadioButton
Ibhokisi lokuhlola
Indlela yokunikeza izitayela ezinkinobho
Kunezindlela ezimbalwa zokunikeza izitayela ezinkinobho ku-React Native.
Enye indlela iwukusebenzisa ingxenye yeStyleSheet. Ungadlulisa entweni yesitayela njengempikiswano yesibili ku-create() yengxenye yeSitayela. Into yesitayela ingaqukatha izici zefonti, umbala, nombala wangemuva.
Enye indlela iwukusebenzisa ingxenye Yenkinobho. Ungadlulisa entweni yesitayela njengempikiswano yesibili endleleni yengxenye yenkinobho ethi create() . Into yesitayela ingaqukatha izici zefonti, umbala, nombala wangemuva.
