React Native: Ist es möglich, benutzerdefinierte Unteransichten in der TextInput-Komponente zu haben?

Question

Ich versuche, eine TextInput-Komponente zu erstellen, die beim Eingeben des Namens einer Person eine benutzerdefinierte Ansicht bietet. Wenn der Name beispielsweise John lautet, wird nach dieser Zeichenfolge gesucht und eine Ansicht hinzugefügt, die Johns Profilbild und seinen Namen eingebettet in den Text enthält. Wenn ich die Ansicht derzeit zu einer untergeordneten Komponente der TextInput-Komponente mache, wird nichts angezeigt. Das heißt, es werden nur die untergeordneten Elemente der Textkomponente angezeigt.

Ich habe versucht, verschiedene Arten von Containern und Elementen in der TextInput-Komponente zu rendern, aber alle oben genannten werden im Rendering nicht angezeigt.

Answer 1

TextInput 中只能包含文本。我会尝试将 Image 组件和 TextInput 组件包装在行对齐视图中。

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