זוהי אפליקציית לינוקס בשם react-native-animatable שניתן להוריד את המהדורה האחרונה שלה בתור 1.3.3.tar.gz. ניתן להפעיל אותו באופן מקוון בספק האירוח החינמי OnWorks עבור תחנות עבודה.
הורד והפעל באינטרנט את האפליקציה הזו בשם react-native-animatable עם OnWorks בחינם.
בצע את ההוראות הבאות כדי להפעיל את האפליקציה הזו:
- 1. הורד את היישום הזה למחשב שלך.
- 2. הזן במנהל הקבצים שלנו https://www.onworks.net/myfiles.php?username=XXXXX עם שם המשתמש שאתה רוצה.
- 3. העלה את היישום הזה במנהל קבצים כזה.
- 4. הפעל את האמולטור המקוון של OnWorks Linux או Windows מקוון או אמולטור מקוון של MACOS מאתר זה.
- 5. ממערכת ההפעלה OnWorks Linux שזה עתה התחלת, עבור אל מנהל הקבצים שלנו https://www.onworks.net/myfiles.php?username=XXXXX עם שם המשתמש הרצוי.
- 6. הורד את האפליקציה, התקן אותה והפעל אותה.
בצילומי מסך
Ad
להגיב-יליד-ניתן להחיות
תיאור
מעברים הצהרתיים ואנימציות עבור React Native. כדי להנפיש דברים עליך להשתמש במלחין createAnimatableComponent בדומה ל- Animated.createAnimatedComponent. הרכיבים הנפוצים View, Text and Image מורכבים מראש ונחשפים תחת מרחב השמות שניתן להנפשה. אם יש לך רכיב משלך שברצונך להנפיש, פשוט עטפו אותו עם Animatable.View. כדי ליצור אנימציות בלולאה פשוט הגדר את iterationCount לאינסופי. רוב האנימציות למעט מחפשי תשומת הלב עובדות בצורה הטובה ביותר כאשר מגדירים כיוון לסירוגין. אתה יכול ליצור מעברים פשוטים משלך של נכס בסגנון לבחירתך. הדוגמה הבאה תגדיל את גודל הגופן ב-5 עבור כל הקשה, הכל מונפש, הכל הצהרתי! אם לא תספק מאפיין משך, תשתמש בהנפשת קפיץ. מעברים דורשים StyleSheet.flatten זמין ב-React Native 0.15 ואילך. אם אתה פועל על משהו נמוך יותר, אנא פוליבפיל כפי שמתואר תחת שימוש חובה.
תכונות
- כל האנימציות נחשפות כפונקציות על אלמנטים הניתנים להנפשה
- אנימציות מחזירות הבטחה שנפתרת כאשר האנימציה מסתיימת בהצלחה או מבוטלת
- כדי לעצור אנימציות מתמשכות, פשוט הפעל את stopAnimation() על האלמנט הזה
- אתה יכול גם לבצע הנפשה באופן הכרחי על ידי שימוש בפונקציה animate() באלמנט עבור הנפשות מותאמות אישית
- ניתן להתייחס להנפשות בשם גלובלי או אובייקט הגדרה
- שלב סגנונות מרובים כדי ליצור אנימציית זום החוצה
שפת תכנות
JavaScript
זוהי אפליקציה שניתן להביא גם מ-https://sourceforge.net/projects/react-native-animatable.mirror/. זה התארח ב-OnWorks על מנת להפעיל אותו באינטרנט בצורה הקלה ביותר מאחת ממערכות ההפעלה החינמיות שלנו.
