React Native : est-il possible d'avoir des sous-vues personnalisées dans le composant TextInput ?

Question

J'essaie de créer un composant TextInput doté d'une vue personnalisée lors de la saisie du nom de quelqu'un. Par exemple, si le nom est John, il recherchera cette chaîne et ajoutera une vue contenant l'image de profil de John et son nom en ligne avec le texte. Actuellement, lorsque je fais de la vue un composant enfant du composant TextInput, rien ne s'affiche. Autrement dit, seuls les enfants du composant texte apparaissent.

J'ai essayé de restituer différents types de conteneurs et d'éléments dans le composant TextInput, mais tous les éléments ci-dessus n'apparaissent pas dans le rendu.

Answer 1

TextInput ne peut contenir que du texte. J'essaierais d'encapsuler le composant Image et le composant TextInput dans une vue alignée sur des lignes.

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