在一个视图中显示来自 url 和文本的混合图像

Hoà*_*Anh 5 react-native

我有问题,不知道如何解决。我有这样的消息:

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

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

在此处输入图片说明

tul*_*dev 2

  1. 将消息切片到TEMP数组,如下所示['This is my message',':tongue_out:',':wink:']
  2. 使用TEMP,检测:abc:图像元素,然后您可以循环、显示TextImage内联,例如内联图像解决方法
  3. 表情符号是远程图像,因此您必须缓存它才能快速显示。您可以使用快速图像