id | title |
---|---|
improvingux |
Хэрэглэгчид таатай болгох |
Жижиг дэлгэцтэй, програмчилсан товчлууртай утсан дээр текс оруулах амаргүй. Хэдий тийм боловч та өөрт шаардлагатай өгөгдлөөс хамаарч текст оруулах явцыг илүү хялбар болгох боломжтой:
- Эхний эгнээ хэсэг дээр шууд төвлөрдөг болгох
- Оруулж магадгүй хэлбэрийн текстийг урьдчилан байршуулах
- Автоматаар үг томоор бичих, алдаа засах функцийг идэвхжүүлэх эсвэл унтраах autocorrect
- Товчлуурын төрлийг сонгох (имэйл, тоон г.м)
- Буцах товч нь дараагийн талбар руу шилжих эсвэл форм илгээхээр тохиргоо хийгдсэн эсэхийг анзаарна уу.
Тохиргооны талаар TextInput
docs гэдгээс дэлгэрэнгүй уншина уу.
Програмчилсан товчлуур нь дэлгэцийн бараг тал зайг эзэлдэг. Хэрэв танд товчлуур ашиглан хийж болох интерактив элемент байгаа бол KeyboardAvoidingView
component ашиглан орж болох эсэхийг шалгаарай.
Гар утсан дээр товчлуур дарж байгаа үед яг онож дарахад хэцүү байдаг. Тийм болохоор интерактив элементүүдээ 44x44 юм у, үүнээс том байхаар хийгээрэй. Үүнийг шийдэх нэг арга бол тухайн элементэд хангалттай зай үлдээх юм. padding
, minWidth
болон minHeight
хэв маягийг ашиглаж болно. Эсвэл hitSlop
prop ашиглан layout-д нөлөөлөхгүйгээр интерактив хэсгээ нэмж болно. Демо:
Android API 21+ нь хэрэглэгч дэлгэц дээрх интерактив хэсэг дээр хүрэх үед хариу өгдөг дизайнтай React Native-т TouchableNativeFeedback
component ашиглан үүнийг хийж болно. Бүдгэрэл, тодруулах функцийн оронд энэ эффектийг ашигласнаар апп тань тухайн платформд илүү таарч байгаа мэт санагдана. Ашиглахдаа болгоомжтой хандах хэрэгтэй. iOS болон Android API < 21 дээр ажиллахгүй учир iOS дээрх бусад Touchable компонентууд ашиглаж байгаа бол мэдээллээ хадгалах хэрэгтэй болно. Платформ хоорондын ялгаатай функцийг хэрхэн зохицуулах тухай react-native-platform-touchable гэх сангаас уншаарай.
Та Dimensions
API ашиглаагүй эсвэл дэлгэцийн байрлалыг өөрчилж тохируулаагүй бол дэлгэцийн байрлалыг солигддог байхаар анхнаасаа тохиргоотой байдаг. Хэрэв та байрлал олон солилддог байхыг хүсэхгүй байгаа бол босоо эсвэл хэвтээ чиглэлд байхаар тохируулан түгжих боломжтой.
iOS дээр General tab-руу орон Xcode-ийн Deployment Info хэсэг рүү орж хүссэн Device Orientation гэдгийг идэвхжүүлнэ (Өөрчлөлт хийх үедээ Төхөөрөмж цэсээс iPhone гэдгийг сонгосон эсэхээ шалгаарай). Android-ын хувьд AndroidManifest.xml файлыг нээгээд үйл ажиллагааны элемент дээр 'android:screenOrientation="portrait"'
гэдгийг нэмж дэлгэцийг босоо хэлбэрээр эсвэл 'android:screenOrientation="landscape"'
гэдгийг нэмж хэвтээ байхаар түгжих боломжтой.
Гар утасны платформд зориулсан дизайн өөрчлөх тухай Material Design болон Human Interface Guidelines-аас уншиж болно.