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>