Kuxazululiwe: ntanta kwesokudla sabela ngokomdabu

Inkinga enkulu ngokusebenzisa i-React Native ukuthi kungase kube nzima ukulungisa iphutha nokuxazulula izinkinga. Ngenxa yokuthi i-React Native iwuhlaka lokuthuthukisa inkundla yokungahloniphi, abathuthukisi kufanele bafunde izindlela ezihlukene zokulungisa amaphutha nezokuxazulula inkinga kunkundla ngayinye ehlukene abasebenza kuyo. Ngokwengeziwe, izinhlelo zokusebenza ze-React Native azisekelwa njengezinhlelo zokusebenza zomdabu, ngakho-ke kungase kube nezinsiza ezimbalwa ezitholakalayo ukusiza ukulungisa iphutha noma ukuxazulula izinkinga.

<View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
  <Text>Left</Text>
  <Text>Right</Text>
</View>

Umugqa wokuqala udala isici sokubuka esinesibaluli sesitayela. Isici sesitayela siqukethe into enezakhiwo ezimbili, i-flexDirection kanye ne-justifyContent. Inani le-flexDirection 'liyirowu', futhi inani le-justifyContent 'liyisikhala phakathi'.

Ngaphakathi kwesici sokubuka kunezakhi ezimbili zombhalo. I-elementi yombhalo wokuqala inombhalo 'Kwesobunxele', futhi ingxenye yombhalo yesibili inombhalo 'Kwesokudla'.

Indlela yokwenza ukuntanta kahle

Ayikho impendulo elingana nosayizi owodwa kulo mbuzo, njengoba indlela engcono kakhulu yokwenza i-float isebenze ku-React Native izohluka kuye ngohlelo lokusebenza oluthile olulwakhayo. Kodwa-ke, amanye amathiphu okuthi uwenza kanjani umsebenzi wokuntanta kokuthi React Native ahlanganisa ukusebenzisa isakhiwo segridi ewuketshezi kanye nokuqinisekisa ukuthi zonke izici zibekwe kusetshenziswa izici zokuma ze-CSS. Ukwengeza, kungasiza ukusebenzisa izithonjana ze-react-native-vector-isithonjana kanye ne-react-native-ripple ukugqwayiza.

ntanta kwesokunxele

Ayikho indlela eyakhelwe ngaphakathi yokwenza lokhu ku-React Native. Ungasebenzisa ilabhulali efana ne-react-native-float-left noma usebenzise umsebenzi ongaphakathi komugqa.

Okuthunyelwe okuhlobene:

Shiya amazwana