Ini adalah aplikasi Linux bernama react-native-animatable yang rilis terbarunya dapat diunduh sebagai 1.3.3.tar.gz. Ini dapat dijalankan secara online di penyedia hosting gratis OnWorks untuk workstation.
Unduh dan jalankan aplikasi ini secara online bernama react-native-animable dengan OnWorks secara gratis.
Ikuti petunjuk ini untuk menjalankan aplikasi ini:
- 1. Download aplikasi ini di PC Anda.
- 2. Masuk ke file manager kami https://www.onworks.net/myfiles.php?username=XXXXX dengan username yang anda inginkan.
- 3. Upload aplikasi ini di filemanager tersebut.
- 4. Jalankan emulator online OnWorks Linux atau Windows online atau emulator online MACOS dari situs web ini.
- 5. Dari OS Linux OnWorks yang baru saja Anda mulai, buka file manager kami https://www.onworks.net/myfiles.php?username=XXXXX dengan nama pengguna yang Anda inginkan.
- 6. Download aplikasinya, install dan jalankan.
Tangkapan layar
Ad
reaksi-asli-animasi
DESKRIPSI
Transisi dan animasi deklaratif untuk React Native. Untuk menganimasikan sesuatu, Anda harus menggunakan komposer createAnimatableComponent yang mirip dengan Animated.createAnimatedComponent. Komponen umum View, Text, dan Image dikomposisikan sebelumnya dan diekspos di bawah namespace Animable. Jika Anda memiliki komponen sendiri yang ingin Anda animasikan, cukup bungkus dengan Animatable.View. Untuk membuat animasi perulangan cukup atur iterationCount ke infinite. Sebagian besar animasi kecuali pencari perhatian bekerja paling baik saat mengatur arah untuk bergantian. Anda dapat membuat transisi sederhana Anda sendiri dari properti gaya yang Anda pilih sendiri. Contoh berikut akan meningkatkan ukuran font sebesar 5 untuk setiap ketukan, semua animasi, semua deklaratif! Jika Anda tidak menyediakan properti durasi, animasi pegas akan digunakan. Transisi membutuhkan StyleSheet.flatten tersedia di React Native 0.15 atau yang lebih baru. Jika Anda menjalankan sesuatu yang lebih rendah, harap lakukan polyfill seperti yang dijelaskan di bawah penggunaan imperatif.
Fitur
- Semua animasi diekspos sebagai fungsi pada elemen Animasi
- Animasi mengembalikan janji yang diselesaikan saat animasi berhasil diselesaikan atau dibatalkan
- Untuk menghentikan animasi yang sedang berlangsung, cukup panggil stopAnimation() pada elemen itu
- Anda juga dapat menganimasikan secara imperatif dengan menggunakan fungsi animate() pada elemen untuk animasi kustom
- Animasi dapat disebut dengan nama global atau objek definisi
- Gabungkan beberapa gaya untuk membuat animasi zoom out
Bahasa Pemrograman
JavaScript
Ini adalah aplikasi yang juga dapat diambil dari https://sourceforge.net/projects/react-native-animatable.mirror/. Ini telah di-host di OnWorks untuk dijalankan secara online dengan cara termudah dari salah satu Sistem Operasi gratis kami.
