React native 如何为React Native’；中的部分文本应用样式；什么是文本输入？

当用户使用

TextInput

输入文本时，我想给部分文本上色。例如，当一个单词以@开头时，我想把整个单词涂成红色。有可能吗？

你可以参考我的世博会。拆分单词，检查“@”并分别渲染每个单词，并在其通过条件时更改样式。

您实际上可以通过将

文本

元素嵌套在

文本输入

中来执行此操作：

{this.state.formattedText}

handle函数将解析文本，并为所有提及的内容创建样式化的

text

元素：

handleCheckTextChange=（inputText）=>{
const words=inputText.split（“”）；
常量formattedText=[]；
words.forEach（（单词，索引）=>{
const isLastWord=index==words.length-1；
如果（！word.startsWith（'@'））{
return isLastWord？formattedText.push（word）：formattedText.push（word“”）；
}
常提=(
{word}
);
isLastWord？formattedText.push（提及）：formattedText.push（提及“”）；
});
this.setState（{formattedText:formattedText}）；
}

---

演示：

您能展示一个用例示例吗谢谢，但您正在使用，我正在寻找一种方法来使用它