React Native

Animasi React Native

Animated API, Reanimated 2/3, Gesture Handler, animasi layout, performa

22 pertanyaan wawancara·
Mid-Level
1

Objek mana yang harus digunakan untuk membuat nilai yang dapat dianimasikan dengan Animated API React Native?

Jawaban

Animated.Value adalah objek fundamental untuk membuat nilai yang dapat dianimasikan di React Native. Objek ini membungkus nilai numerik yang dapat diubah secara halus seiring waktu. Nilai ini kemudian dapat dikaitkan dengan properti style seperti opacity, transform, atau width untuk membuat animasi visual.

2

Metode animasi mana yang memungkinkan pembuatan transisi halus dengan duration dan easing yang dapat dikonfigurasi?

Jawaban

Animated.timing adalah metode paling umum untuk membuat animasi berbasis waktu. Metode ini memungkinkan pendefinisian duration, fungsi easing (akselerasi/deselerasi), dan secara opsional sebuah delay. Metode ini memberikan kontrol presisi atas progres animasi dari awal hingga akhir.

3

Metode mana yang memungkinkan menjalankan beberapa animasi secara bersamaan dengan Animated API?

Jawaban

Animated.parallel menjalankan array animasi secara paralel, memulai semuanya secara bersamaan. Metode ini ideal untuk menyinkronkan beberapa properti animasi, seperti memindahkan dan memunculkan elemen secara bersamaan. Secara default, metode ini berhenti jika ada animasi yang gagal, perilaku yang dapat dikonfigurasi melalui stopTogether.

4

Metode mana yang memungkinkan merangkai animasi satu demi satu secara berurutan?

5

Metode animasi mana yang menciptakan efek pantulan fisika realistis tanpa durasi tetap?

+19 pertanyaan wawancara

Kuasai React Native untuk wawancara berikutnya

Akses semua pertanyaan, flashcards, tes teknis, latihan code review dan simulator wawancara.

Mulai gratis