Ticker

6/recent/ticker-posts

TouchableOpacity tidak bisa diklik saat didalamnya hanya berisi Icon

Kali ini saya dibikin pusing oleh bug ini dalam kode saya.

Biasanya tak pernah ada masalah saat membuat button dengan TouchableOpacity, namun kali ini saat membuat button untuk menampilkan Modal yang didalamnya berisi komponen {RNCamera} untuk mengakses fitur kamera secara native, saya tidak berhasil.

Lama saya mengutak-atik dengan mengubah width dan height pada style-nya, namun tidak membuahkan hasil.

Setelah lewat beberapa hari, barulah terpikirkan untuk mencoba melakukan setting state berupa "true" pada variable "isVisible", sehingga Modal langsung visible/terlihat saat screen/halaman atau komponen yang bermasalah tersebut diakses.

Ternyata, saat initial state disetting menjadi true, Modal yang di dalamnya berisi komponen camera dapat tampil tanpa masalah. Berarti masalahnya bukan pada elemen Modal-nya, namun pada tombolnya.

Barulah setelah saya mencoba comment out baris kode <Icon /> dan mencoba menggantinya dengan <Text> komponen, saya menjadi tahu bahwa saat TouchableOpacity isinya adalah komponen Text, tombol tersebut bisa berfungsi dengan normal.

Artinya, letak masalahnya ada pada TouchableOpacity yang didalamnya hanya berisi Icon tersebut.

TouchableOpacity tidak bisa diklik

Setelah coba dicermati kembali, bug ini juga ternyata muncul dari kesalahan yang sederhana.

Entah kenapa saat saya menerapkan styles.editPhoto pada komponen <Icon /> maka TouchableOpacity ini tidak berfungsi.

Kemudian saya coba cut style yang terdapat pada komponen Icon dan memindahkannya ke komponen TouchableOpacity (komponen induknya), ternyata #solved! he he he...

TouchableOpacity tidak bisa diklik


TouchableOpacity tidak bisa diklik

TouchableOpacity tidak bisa diklik

Ok.. semoga bermanfaat luur...

Post a Comment

0 Comments