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

时间:2018-07-17 09:46:33

标签: react-native

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

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

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

enter image description here

1 个答案:

答案 0 :(得分:1)

  1. 将邮件切成 TEMP 数组,例如['This is my message',':tongue_out:',':wink:']
  2. 使用 TEMP ,检测图像的元素:abc:,然后可以循环显示TextImage内联,例如inline-image或{ {3}}
  3. 表情符号是远程图像,因此您必须对其进行缓存才能快速显示。您可以使用workaround