தீர்க்கப்பட்டது: ஃப்ளோட் ரைட் ரியாக்ட் நேட்டிவ்

ரியாக்ட் நேட்டிவ் பயன்படுத்துவதில் உள்ள முக்கிய பிரச்சனை என்னவென்றால், பிழைத்திருத்தம் செய்வது மற்றும் சிக்கல்களைச் சரிசெய்வது கடினமாக இருக்கும். ரியாக்ட் நேட்டிவ் ஒரு பிளாட்ஃபார்ம்-அஞ்ஞான வளர்ச்சி கட்டமைப்பாக இருப்பதால், டெவலப்பர்கள் தாங்கள் பணிபுரியும் ஒவ்வொரு தளத்திற்கும் வெவ்வேறு பிழைத்திருத்தம் மற்றும் சரிசெய்தல் நுட்பங்களைக் கற்றுக்கொள்ள வேண்டும். கூடுதலாக, ரியாக்ட் நேட்டிவ் ஆப்ஸ், நேட்டிவ் ஆப்ஸ் போல ஆதரிக்கப்படுவதில்லை, எனவே பிழைத்திருத்தம் செய்ய அல்லது சிக்கல்களைத் தீர்க்க உதவுவதற்கு குறைவான ஆதாரங்கள் கிடைக்கலாம்.

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

முதல் வரியானது ஒரு நடை பண்புடன் காட்சி உறுப்பை உருவாக்குகிறது. நடை பண்புக்கூறில் ஃப்ளெக்ஸ் டைரக்ஷன் மற்றும் ஜஸ்டிஃபை கன்டன்ட் ஆகிய இரண்டு பண்புகள் கொண்ட ஒரு பொருள் உள்ளது. FlexDirection இன் மதிப்பு 'வரிசை', மற்றும் justifyContent இன் மதிப்பு 'space-between' ஆகும்.

காட்சி உறுப்புக்குள் இரண்டு உரை கூறுகள் உள்ளன. முதல் உரை உறுப்பு 'இடது' மற்றும் இரண்டாவது உரை உறுப்பு 'வலது' உரை உள்ளது.

மிதவை சரியாக செய்வது எப்படி

ரியாக்ட் நேட்டிவ்வில் ஃப்ளோட் வேலையைச் செய்வதற்கான சிறந்த வழி நீங்கள் உருவாக்கும் குறிப்பிட்ட பயன்பாட்டைப் பொறுத்து மாறுபடும் என்பதால், இந்தக் கேள்விக்கு எல்லாவற்றுக்கும் பொருந்தக்கூடிய பதில் எதுவும் இல்லை. இருப்பினும், ரியாக்ட் நேட்டிவ் இல் ஃப்ளோட் வேலை செய்வது எப்படி என்பது பற்றிய சில குறிப்புகள், திரவ கட்ட அமைப்பைப் பயன்படுத்துதல் மற்றும் அனைத்து உறுப்புகளும் CSS பொசிஷனிங் பண்புகளைப் பயன்படுத்தி நிலைநிறுத்தப்படுவதை உறுதி செய்வது ஆகியவை அடங்கும். கூடுதலாக, ஐகான்களுக்கு ரியாக்ட்-நேட்டிவ்-வெக்டர்-ஐகான்கள் மற்றும் அனிமேஷன்களுக்கு ரியாக்ட்-நேட்டிவ்-ரிப்பிள் ஆகியவற்றைப் பயன்படுத்துவது உதவியாக இருக்கும்.

இடது மிதக்க

React Nativeல் இதைச் செய்வதற்கு உள்ளமைக்கப்பட்ட வழி எதுவுமில்லை. நீங்கள் react-native-float-left போன்ற நூலகத்தைப் பயன்படுத்தலாம் அல்லது இன்லைன் செயல்பாட்டைப் பயன்படுத்தலாம்.

தொடர்புடைய இடுகைகள்:

ஒரு கருத்துரையை