React Native: Adakah mungkin untuk mempunyai subview tersuai dalam komponen TextInput?

Question

Saya cuba mencipta komponen TextInput yang mempunyai paparan tersuai semasa menaip nama seseorang. Contohnya, jika nama itu John, ia akan mencari rentetan itu dan menambah paparan yang mengandungi imej profil John dan namanya sebaris dengan teks. Pada masa ini, apabila saya menjadikan paparan sebagai komponen kanak-kanak bagi komponen TextInput, tiada apa yang dipaparkan. Iaitu, hanya anak komponen teks yang muncul.

Saya cuba memaparkan pelbagai jenis bekas dan elemen dalam komponen TextInput tetapi semua perkara di atas tidak muncul dalam pemaparan.

Answer 1

TextInput hanya boleh mengandungi teks. Saya akan cuba membungkus komponen Imej dan komponen TextInput dalam paparan sejajar baris.

<View style={{flexDirection: "row", width: "100%", borderWidth: 1}}>
    <Image style={{height: 30, width: 30}} source={require("./your/image.path")}/>
    <TextInput style={{width: "75%"}}/>
</View>