דירוג

לא תמצאו פתרונות סטיילינג רבים עבור React Native כפי שתמצאו עבור React JS.
זה נובע משתי סיבות פשוטות:

React Native הוא יעד קטן בהרבה לספריות רכיבים מאשר מסגרות CSS מסורתיות.
במילים אחרות, ניתן להשתמש ב-Bootstrap CSS עם כל מסגרת אינטרנט,
בעוד שספריות רכיבים עבור React Native עובדות רק עם React Native.

התאמה אישית של סגנון React Native הוא לא הדבר הכי קל בעולם.
אפליקציות רבות דורשות עיצוב מותאם אישית, מה שהופך את ערכות הרכיבים לא שימושיות מדי.
בנוסף, זה מאתגר להתאים אישית כל רכיב ורכיב,
מכיוון שהגמישות שאתה משיג עם CSS מסורתי באינטרנט לא עוברת בקלות לספריות הרכיבים.
עם זאת, הנה כמה אפשרויות.

NativeBase – רכיבי ממשק משתמש חוצי פלטפורמות חיוניים עבור React Native
אוסף ענק של רכיבים שרובם נראים די נחמדים. זה הצד החיובי.
הצד הפחות יפה, הוא שחלק מהרכיבים קצת בעייתיים.

לדוגמה, הנה בעיה שפתחתי לפני כמה ימים כשגיליתי שרכיב ה-Swipe deck קרס
כשסופק רק אלמנט נתונים בודד: DeskSwiper זורק רשימות אלמנטים בודדים
גיליון מס' 562 · GeekyAnts/NativeBase. היוצרים תיקנו את זה נורא מהר,
אבל זה באג שנראה כאילו אפשר היה לתפוס אותו קודם לכן.

React Native Elements – react-native-community/react-native-elements

לכל רכיב יש התאמה אישית פשוטה, המסמכים מוצקים והוא מגיע עם סט טוב של אייקונים.
זה לא מובן מאליו.

React Native Material Design – react-native-material-design/react-native-material-design
עוד בחירה טובה, אבל שימושית בעיקר לאנדרואיד.

קצת מטריד לראות עיצוב חומר – באופן סטנדרטי יציב של מכשירי אנדרואיד – ב-iOS.
חוץ מזה, המסמכים עדיין בפיתוח, כפי שמעיד היעדר מסמכים עבור כמעט מחצית מהרכיבים.
אף על פי כן, אם אתם מחפשים פתרון לעיצוב, זה עדיף.