שימוש ספריות חיצוניות ב-Flutter

תמלול ההרצאה: שימוש ספריות חיצוניות ב-Flutter

הטקסט המלא של הדקות הראשונות בהרצאה «שימוש ספריות חיצוניות ב-Flutter» בקורס הווידאו של PracticU – כתוביות בעברית עם זמן התחלה לכל פסקה. כך תוכלו לקרוא ולחפש את הנושאים לפני שמתחילים ללמוד.

1. 00:02

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

2. 00:19

   כתבי הקוד האלו יכולים להיות גם וידג'יטים ויזואליים, וגם דברים לא ויזואליים כמו ספרייה לקריאות hdp לאינטרנט או תקשורת בלוטוף. היום אני רוצה להטמיע ביחד אתכם ספרייה נחמדה שמצאתי באינטרנט והיא נקראת before-after את מה שהוסר אפשר לראות כאן היא מאפשרת לנו לחשוף אחוזים מסוימים משתי התמונות של לפני ואחרי

3. 00:39

   אז בואו ניגש להטמעה קודם כל אנחנו צריכים לגשת לקובץ pubspec.yaml ולהוסיף את השם הזה תחת dependencies אז איך זה עובד כאן יש לנו את שם הספרייה נקודתיים וכאן את מספר הגרסה אם אנחנו לא מוסיפים את מספר הגרסה פלאטר יבחר באופן אוטומטי את הגרסה האחרונה אז אני אעתיק רק את שם הספרייה,

4. 01:01

   אחזור לפרויקט שלנו, ניגש לpubspec.yaml וכאן תחת dependencies יש לנו לדוגמה כבר ספרייה אחת שמגיעה אוטומטית עם פרויקט פלאטר חדש.

5. 01:14

   אני ארד לשורה חדשה, before/after ונקודתיים. אני אוותר על מספר הגרסה רק כדי להבטיח שאני יושב על הגרסה האחרונה. חשוב מאוד לשמור את הכובד וללחוץ על packages get.

6. 01:24

   כשלוחצים על packages get כל הספריות יורדות מהאינטרנט אלינו לפרויקט. מעולה, אז עשינו הטמעה ועכשיו אנחנו יכולים להשתמש בספרייה שלנו אנחנו רואים שיש לנו וידג'ט בשם before-after שמקבל שתי סלות אחד זה before-image והשנייה היא after-image די טריוויאלי האמת ניגש לפרויקט אני יצרתי

7. 01:44

   כאן עמוד שנקרא test page שמכיל קונטיינר ובתוכו center שום דבר מיוחד אני אוסיף כאן child עם וידג'ט חדש שנקרא before-after שהגיע הרגע מהספרייה שלנו שימו לב שגם התווסף ל-import באופן אוטומטי ובואו נראה איזה סלות יש לי כאן Before image אני רואה שזה בעצם וידג'ט בואו לדוגמה נשים כאן קונטיינר עם

8. 02:07

   צבע רקע אדום לדוגמה אוקיי ובתור after image נשים קונטיינר שהצבע שלו יהיה שחור בואו נריץ ונראה אוקיי נחמד מאוד אולי הייתי רוצה להגביל את הגובה של הווידג'ט אז בואו נטוף את ה-before after בקונטיינר ונחליט שההייט שלנו יהיה 400 נריץ שוב אוקיי זה יותר טוב עכשיו בואו נוסיף תמונות אז הוספתי מראש שתי תמונות של כלב חמוד

9. 02:51

   קראתי להם before ו-after ועכשיו כל מה שנשאר זה רק להוסיף אותם