Dambudziko guru rekushandisa React Native nderekuti zvinogona kunetsa kugadzirisa uye kugadzirisa nyaya. Nekuti React Native ipuratifomu-agnostic yekuvandudza dhizaini, vanogadzira vanofanirwa kudzidza akasiyana debugging uye magadzirirwo ekugadzirisa matanho epuratifomu yega yega yavari kushanda pairi. Pamusoro pezvo, React Native maapuro haatsigirwe sezvakaita maapuro emuno, saka panogona kunge paine zviwanikwa zvishoma zvekubatsira kugadzirisa kana kugadzirisa nyaya.
<View style={{flexDirection: 'row', justifyContent: 'space-between'}}>
<Text>Left</Text>
<Text>Right</Text>
</View>
Mutsara wekutanga unogadzira View element ine chimiro hunhu. Chimiro chechimiro chine chinhu chine zvimiro zviviri, flexDirection uye justifyContent. Kukosha kweflexDirection ndeye 'row', uye kukosha kwejustifyContent ndiko 'nzvimbo-pakati'.
Mukati meChiratidzo chinhu mune maviri Zvinyorwa zvinyorwa. Chekutanga Chinyorwa chinhu chine chinyorwa 'Kuruboshwe', uye chechipiri Chinyorwa chinhu chine chinyorwa 'Kurudyi'.
Nzira yekuyangarara zvakanaka
Iko hakuna-saizi-inokodzera-yese mhinduro kumubvunzo uyu, seyo nzira yakanakisa yekuita kuti float ishande muReact Native ichasiyana zvichienderana neiyo chaiyo app yauri kuvaka. Nekudaro, mamwe matipi ekuita basa rekuyangarara muReact Native anosanganisira kushandisa fluid grid marongero uye kuona kuti zvinhu zvese zvakamira uchishandisa CSS yekumisikidza zvivakwa. Pamusoro pezvo, zvinogona kubatsira kushandisa react-native-vector-icons yezvidhori uye react-native-ripple yemifananidzo.
kuyangarara kuruboshwe
Iko hakuna yakavakirwa-mukati nzira yekuita izvi muReact Native. Iwe unogona kushandisa raibhurari senge react-native-float-kuruboshwe kana kushandisa inline basa.
