84669 人学习
152542 人学习
20005 人学习
5487 人学习
7821 人学习
359900 人学习
3350 人学习
180660 人学习
48569 人学习
18603 人学习
40936 人学习
1549 人学习
1183 人学习
32909 人学习
我正在尝试创建一个 TextInput 组件，该组件在键入某人的名字时具有自定义视图。例如，如果名字是 John，它将搜索该字符串并添加一个视图，其中包含 John 的个人资料图像以及他的名字与文本内联。目前，当我将视图作为 TextInput 组件的子组件时，不会显示任何内容。也就是说，只有文本组件的孩子确实会出现。
我尝试在 TextInput 组件中渲染各种类型的容器和元素，但以上所有内容都没有显示在渲染中。
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>
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>