在一个视图中显示来自 url 和文本的混合图像 react-native答案

【问题标题】：Show mix image from url and text in one view react-native在一个视图中显示来自 url 和文本的混合图像 react-native
【发布时间】：2018-07-17 09:46:33
【问题描述】：

我有一个问题，不知道如何解决。我有这样一条消息：

这是我的消息：tongue_out::wink:dsdangrydsangryhoanghamobile.comdsd:wink:这是表情符号和更多文字......

它将像下面的图片一样显示，:wink: , :tongue_out: 其他表情符号是来自链接的图片：https://filev4.subiz.com/wink.png。一切都是一个字符串，现在我必须从 url 和文本中解析表情符号才能显示。我不知道包含多少文本和表情符号，以及如何在 react-native 的一个视图中显示所有内容。现在，我真的需要一些帮助，非常感谢。

【问题讨论】：

没人知道吗？
你可以试试这个并告诉我github.com/makemoji/Makemoji-React-Native
@Asifvora 感谢您的建议，我尝试得到错误 Cannot read property 'func' of undefined.

标签： react-native

【解决方案1】：

将消息切片到 TEMP 数组中，例如 ['This is my message',':tongue_out:',':wink:']
使用TEMP，检测元素:abc:作为图像，然后你可以循环显示Text和Image内联，如inline-image或workaround
表情符号是远程图像，因此您必须将其缓存以快速显示。您可以使用FastImage

【讨论】：

chuyểntừ文本th -nh arrayphảidùngsplitchứnhỉ，hiệntạimìnhinhdùngnhnhưngngnhưngngphátsinh sinh sinh sinh 1vấn :.
这是解决我问题的方法：const arrayComponent = text.match(/:\w+:|.+?(?=:\w+:|$)/g);
'Split' 更正确。我认为使用正则表达式是一个不错的选择（y）。祝你好运，玩得开心。