นี่คือแอป Linux ชื่อ react-native-animable ซึ่งสามารถดาวน์โหลดรุ่นล่าสุดได้เป็น 1.3.3.tar.gz สามารถเรียกใช้ออนไลน์ใน OnWorks ผู้ให้บริการโฮสต์ฟรีสำหรับเวิร์กสเตชัน
ดาวน์โหลดและเรียกใช้แอปนี้ทางออนไลน์ที่ชื่อว่า react-native-animable ด้วย OnWorks ฟรี
ทำตามคำแนะนำเหล่านี้เพื่อเรียกใช้แอปนี้:
- 1. ดาวน์โหลดแอปพลิเคชั่นนี้ในพีซีของคุณ
- 2. เข้าไปที่ file manager https://www.onworks.net/myfiles.php?username=XXXXX ด้วยชื่อผู้ใช้ที่คุณต้องการ
- 3. อัปโหลดแอปพลิเคชันนี้ในตัวจัดการไฟล์ดังกล่าว
- 4. เริ่มโปรแกรมจำลองออนไลน์ของ OnWorks Linux หรือ Windows ออนไลน์ หรือโปรแกรมจำลองออนไลน์ MACOS จากเว็บไซต์นี้
- 5. จาก OnWorks Linux OS คุณเพิ่งเริ่มต้น ไปที่ตัวจัดการไฟล์ของเรา https://www.onworks.net/myfiles.php?username=XXXXX พร้อมชื่อผู้ใช้ที่คุณต้องการ
- 6. ดาวน์โหลดแอปพลิเคชั่น ติดตั้ง และเรียกใช้
ภาพหน้าจอ
Ad
ตอบสนองพื้นเมืองเคลื่อนไหว
DESCRIPTION
การเปลี่ยนภาพและภาพเคลื่อนไหวแบบประกาศสำหรับ React Native ในการทำให้สิ่งต่าง ๆ เคลื่อนไหว คุณต้องใช้ผู้แต่ง createAnimatableComponent ที่คล้ายกับ Animated.createAnimatedComponent ส่วนประกอบทั่วไป View, Text และ Image ได้รับการจัดองค์ประกอบล่วงหน้าและเปิดเผยภายใต้เนมสเปซที่เคลื่อนไหวได้ หากคุณมีองค์ประกอบของคุณเองที่ต้องการทำให้เคลื่อนไหว ก็แค่ห่อด้วย Animatable.View ในการสร้างภาพเคลื่อนไหวแบบวนซ้ำ ให้ตั้งค่า iterationCount เป็นอนันต์ แอนิเมชั่นส่วนใหญ่ยกเว้นผู้เรียกร้องความสนใจจะทำงานได้ดีที่สุดเมื่อกำหนดทิศทางเป็นอย่างอื่น คุณสามารถสร้างทรานซิชันแบบง่ายๆ ของคุณสมบัติสไตล์ที่คุณเลือกเองได้ ตัวอย่างต่อไปนี้จะเพิ่มขนาดฟอนต์ขึ้น 5 ทุกครั้งที่แตะ ภาพเคลื่อนไหวทั้งหมด การประกาศทั้งหมด! หากคุณไม่ระบุคุณสมบัติระยะเวลา แอนิเมชั่นสปริงจะถูกนำมาใช้ การเปลี่ยนต้องใช้ StyleSheet.flatten ที่มีอยู่ใน React Native 0.15 หรือใหม่กว่า หากคุณกำลังใช้งานต่ำกว่านี้ โปรด polyfill ตามที่อธิบายไว้ภายใต้การใช้งานที่จำเป็น
คุณสมบัติ
- แอนิเมชั่นทั้งหมดแสดงเป็นฟังก์ชันในองค์ประกอบที่เคลื่อนไหวได้
- แอนิเมชั่นส่งคืนคำสัญญาที่ได้รับการแก้ไขเมื่อแอนิเมชั่นเสร็จสิ้นหรือถูกยกเลิก
- หากต้องการหยุดแอนิเมชั่นที่กำลังดำเนินอยู่ ให้เรียกใช้ stopAnimation() บนองค์ประกอบนั้น
- คุณยังสามารถทำให้เคลื่อนไหวตามความจำเป็นได้โดยใช้ฟังก์ชัน animate() บนองค์ประกอบสำหรับแอนิเมชั่นที่กำหนดเอง
- แอนิเมชั่นสามารถอ้างอิงได้ด้วยชื่อสากลหรือวัตถุคำจำกัดความ
- รวมหลายสไตล์เพื่อสร้างแอนิเมชั่นซูมออก
ภาษาโปรแกรม
JavaScript
นี่คือแอปพลิเคชันที่สามารถดึงข้อมูลจาก https://sourceforge.net/projects/react-native-animatable.mirror/ มีการโฮสต์ใน OnWorks เพื่อให้ทำงานออนไลน์ในวิธีที่ง่ายที่สุดจากหนึ่งในระบบปฏิบัติการฟรีของเรา