React Native：是否可以在 TextInput 组件中拥有自定义子视图？

Question

我正在尝试创建一个 TextInput 组件，该组件在键入某人的名字时具有自定义视图。例如，如果名字是 John，它将搜索该字符串并添加一个视图，其中包含 John 的个人资料图像以及他的名字与文本内联。目前，当我将视图作为 TextInput 组件的子组件时，不会显示任何内容。也就是说，只有文本组件的孩子确实会出现。

我尝试在 TextInput 组件中渲染各种类型的容器和元素，但以上所有内容都没有显示在渲染中。

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>