הבעיה העיקרית הקשורה לתצוגה מקורית של מרכז יישור אנכי היא שזה יכול לגרום לבעיות גלילה. כאשר משתמש גולל מטה בעמוד, התוכן במרכז המסך יזוז איתו למטה, אך התוכן בצידי המסך יישאר נייח. זו יכולה להיות בעיה אם אתה רוצה שמשתמשים יוכלו לראות את כל התוכן שלך בבת אחת.
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. עם זאת, אתה יכול להשתמש במאפיין הסגנון "transform" עם הערך "translateY(50%)" כדי למרכז תצוגה אנכית.
יישור אנכי של טקסט ב-react native (באמצעות nativebase)
יישור אנכי בטקסט נשלט על ידי המאפיין TextAlign. ישנם שלושה ערכים אפשריים:
עזבו
מרכז
תקין
טקסט מקונן
ב-React Native, טקסט מקונן הוא תכונה המאפשרת לך ליצור שדה טקסט שיכול להכיל שדות טקסט אחרים. זה שימושי אם ברצונך ליצור טופס בעל שדות מרובים, וברצונך לשמור את השדות מסודרים.
כדי להשתמש בטקסט מקונן באפליקציית React Native שלך, תחילה צור רכיב TextField חדש. לאחר מכן, הוסף את הקוד הבא לבנאי:
this.state = {};
זה יאתחל את מצב שדה הטקסט כך שיכיל מחרוזת ריקה. לאחר מכן, הוסף את הקוד הבא למטפל onChange:
this.setState({text: this.state.text});
פעולה זו תעדכן את מצב שדה הטקסט עם כל הערך שנמצא בו כרגע. לבסוף, הוסף רכיב TextField חדש מתחת לרכיב המקורי שלך וציין שיש להשתמש בו כשדה הצאצא:
