தீர்க்கப்பட்டது: செங்குத்து சீரமை மையம் எதிர்வினை நேட்டிவ் வியூ

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

There is no built-in way to vertically align a view in React Native. However, you can use the style property "transform" with the value "translateY(50%)" to vertically center a view.

React Native இல் பார்வையை செங்குத்தாக சீரமைக்க உள்ளமைக்கப்பட்ட வழி எதுவுமில்லை. இருப்பினும், பார்வையை செங்குத்தாக மையப்படுத்த, "translateY(50%)" மதிப்புடன் "உருமாற்றம்" என்ற ஸ்டைலைப் பயன்படுத்தலாம்.

எதிர்வினை நேட்டிவ் (நேட்டிவ்பேஸைப் பயன்படுத்தி) உரை செங்குத்து சீரமை

உரையில் செங்குத்து சீரமைப்பு TextAlign பண்புகளால் கட்டுப்படுத்தப்படுகிறது. மூன்று சாத்தியமான மதிப்புகள் உள்ளன:

விட்டு

சென்டர்

வலது

உள்ளமைக்கப்பட்ட உரை

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

உங்கள் ரியாக்ட் நேட்டிவ் பயன்பாட்டில் உள்ளமைக்கப்பட்ட உரையைப் பயன்படுத்த, முதலில் புதிய TextField கூறுகளை உருவாக்கவும். பின்னர், கட்டமைப்பாளரிடம் பின்வரும் குறியீட்டைச் சேர்க்கவும்:

this.state = {};

இது உரை புலத்தின் நிலையை துவக்கும், இதனால் அதில் வெற்று சரம் இருக்கும். அடுத்து, onChange ஹேண்ட்லரில் பின்வரும் குறியீட்டைச் சேர்க்கவும்:

this.setState({text: this.state.text});

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