在 React Native 的 TextInput 中插入自定义表情符号图像

Posted 2023-04-18

【中文标题】在 React Native 的 TextInput 中插入自定义表情符号图像

【英文标题】：Insert custom emoji image in TextInput in React Native

【发布时间】：2022-01-02 15:37:26

【问题描述】：

我想在我的应用程序中使用自定义表情符号，以便表情符号在不同平台上保持一致。所以我必须在 TextInput 组件中添加一些小图像来实现这一点。然而，这在 React Native 中是不可能的。

我的意思是这样的：

<TextInput>
  <Text>Some Text Here...</Text>
  <Image
    source=require('./src/assets/1f602.png')
    style=styles.image
  />
</TextInput>

这在ios上不显示图像，并且在android上也有一些问题。我知道这在 Android 和 IOS 中都是可能的，但 React Native 实现不允许我们这样做。

我已阅读这些帖子和问题：

How to insert custom emoji (small pictures) into Textinput of React Native? https://github.com/facebook/react-native/issues/17468

你能帮我实现我想要的吗？如何在 TextInput 中使用自定义表情符号？

【参考方案1】：

无法在 textInput 中使用图像。也许可以在未来的 react native 版本中添加。

但现在，我们可以使用一些 RTE（富文本编辑器），例如 this one。这样我们就可以将图像添加到文本编辑器中并轻松使用它。