Buat Carousel Tab di React Native
Untuk memahami apa yang saya coba buat, pertama, mari kita lihat demonya:
Seperti yang Anda lihat dari gif, kami memiliki dua bagian untuk membangun komponen ini:
- Tab (yang dapat Anda lihat di atas)
- Korsel
Untuk tab di atas, saya hanya menggunakan FlatList horizontal dan untuk carousel, saya menggunakan paket react-native-snap-carouse l. mari kita lihat bagaimana saya berhasil menyelesaikan yang satu ini.
Jadi dengan init ini kita mendapatkan tab dan carousel tanpa sinkronisasi apa pun.
Jika kita memeriksa gif berikut, kita akan melihat ketika kita mengubah indeks korsel dan pergi ke produk kategori yang berbeda, kita juga membuat tab kategori yang sama aktif dengan mengubah opacity, dan pada saat yang sama, Anda akan melihat tab tersebut menjadi terpusat di dalam daftar horizontal kami. Karena jika kita tidak memusatkannya, tab yang berada di luar lebar layar tidak akan masuk ke dalam layar kita dan pengguna tidak akan melihat tab yang aktif.
Saya menempelkan cuplikan yang melakukan pekerjaan ini
Baiklah, sejauh ini kita telah melihat bagaimana mengubah tab ketika kita menggesek item kita di carousel. Sekarang mari kita lihat bagaimana kita bisa mencapai untuk menggulir ke item yang benar ketika pengguna menekan tab.
Jadi itu saja! Kita perlu melacak tab aktif kita dan menyinkronkan tab dan carousel bersama-sama.
Suggested posts
Mencari Informasi Tentang Nama Domain
Kutipan dari Alat Perangkat Lunak Kecil dan Tajam oleh Brian P. Hogan
Saat Anda membuat permintaan ke facebook.com, komputer Anda mencari nama domain untuk menerjemahkan nama domain tersebut menjadi alamat IP sehingga komputer Anda dapat membuat koneksi tersebut.
Menghindari Akibat Menghancurkan Stroke: Belajar dari Perjalanan Keluarga .
Pendahuluan Stroke adalah keadaan darurat medis yang dapat menyerang siapa saja kapan saja. Itu terjadi ketika aliran darah ke bagian otak terganggu, yang menyebabkan hilangnya fungsi otak secara tiba-tiba.
Related posts
Apakah Seni Pernah Apolitis?
Kemarin kami menutup pintu pada Kontes Lagu Eurovision tahun ini dengan grand final yang gemerlap dan kacau di mana penyanyi Swedia Loreen membawa pulang trofi, menjadi wanita pertama yang menang dua kali dan membawa mahkota kembali ke Swedia 50 tahun setelah ABBA memenangkan kompetisi dengan "Waterloo". Mereka kemudian menjadi salah satu aksi terbesar dalam kanon musik pop.
Percakapan Berbahaya
Jika kita ingin terus berkembang di planet ini, kita harus melakukan percakapan yang berbahaya. Yang menantang apa yang telah kita lakukan, apa yang kita lakukan, dan apa yang saat ini akan terus kita lakukan (atau rencanakan untuk lakukan).
Apa yang dapat Anda lakukan di musim menunggu (menunggu untuk mendapatkan pekerjaan pertama Anda di bidang teknologi)
Beralih ke karir baru bisa sangat menantang jika Anda mencoba melakukannya sendiri. Penting untuk menemukan mitra akuntabilitas yang memiliki tingkat pembelajaran yang sama dengan Anda, yang memiliki tujuan, keuletan, dan dorongan yang sama.
Mengapa beberapa pekerja lepas memalsukan hidup mereka
Saya baru-baru ini berada di Linkedin, jejaring sosial profesional terbesar di dunia, dan menemukan postingan dari desainer lepas yang saya ikuti yang menarik perhatian saya. Mereka semua memposting foto dari pesawat terbang, di pantai dengan laptop mereka, dari kolam renang, dan kantor dengan pemandangan menakjubkan.