feat: 安卓emoji图片地址从RN传入

Author: duom青源

android/src/main/java/com/variabletextinput/bean/RichTextBean.java

@@ -8,5 +8,5 @@ public class RichTextBean {
   public String content;//传给RN提交的内容
   public String text;//普通文本字符
   public int type;//0普通文本字符、1插入自定义表情、2插入@或者#话题
-
+  public String emojiUri;//RN传过来的emoji的URI
 }

android/src/main/java/com/variabletextinput/util/ActivityConst.java

@@ -8,4 +8,5 @@ public class ActivityConst {
   public static final String TEXT = "text";
   public static final String TYPE = "type";
   public static final String EMOJI_TAG = "emojiTag";
+  public static final String EMOJI_URI = "emojiUri";
 }

android/src/main/java/com/variabletextinput/view/VariableTextInput.java

@@ -47,13 +47,16 @@
 
 import androidx.core.content.ContextCompat;
 
+import java.io.InputStream;
 import java.lang.reflect.Field;
+import java.net.HttpURLConnection;
+import java.net.URL;
 
 public class VariableTextInput extends LinearLayout {
   private VariableEditText editText;
   private ScrollView scrollView;
   private Boolean ignoreNextLocalTextChange = false;
-
+  private Bitmap imgBitmap = null;
   private Context mContext;
   private SpannableString mSpannableString;
   private Editable mEditable;
@@ -478,22 +481,71 @@ private RichTextBean handleParams(ReadableMap map) {
     if (map.hasKey(ActivityConst.TEXT)) {
       richTextBean.text = map.getString(ActivityConst.TEXT);
     }
+    if (map.hasKey(ActivityConst.EMOJI_URI)){
+      richTextBean.emojiUri = map.getString(ActivityConst.EMOJI_URI);
+    }
     return richTextBean;
   }
-
+  /**
+   * 通过 网络图片 url 获取图片BitMap
+   * @param photoUrl 网络图片 url
+   */
+  private void requestWebPhotoBitMap(String photoUrl){
+    new Thread(()->{
+      HttpURLConnection connection = null;
+      try {
+        URL bitmapUrl = new URL(photoUrl);
+        connection = (HttpURLConnection) bitmapUrl.openConnection();
+        connection.setRequestMethod("GET");
+        connection.setConnectTimeout(5000);
+        connection.setReadTimeout(5000);
+        // 判断是否请求成功
+        if (connection.getResponseCode() == 200) {
+
+          InputStream inputStream = connection.getInputStream();
+          imgBitmap = BitmapFactory.decodeStream(inputStream);
+
+        } else {
+          //todo
+        }
+      }catch (Exception e){
+        //todo
+      }
+    }).start();
+  }
   public void insertEmoji(RichTextBean richTextBean) {
     int startIndex = editText.getSelectionStart();
     int endIndex = startIndex + richTextBean.tag.length();
-    if (editText.getText() != null) {
-      editText.getText().insert(startIndex, richTextBean.tag);
-    }
-    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.kuxiao);
-    TextSpan imageSpan = new TextSpan(mContext, BitmapUtil.setBitmapSize(bitmap, editText.getTextSize()), richTextBean);
-    mSpannableString = SpannableString.valueOf(editText.getText());
-    mSpannableString.setSpan(imageSpan, startIndex, endIndex, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
-    editText.setText(mSpannableString);
-    editText.setSelection(endIndex);
-    editText.getText().replace(startIndex, endIndex, richTextBean.content);
+//    Bitmap bitmap = BitmapFactory.decodeResource(getResources(), R.drawable.kuxiao);
+    new Thread(()->{
+      try {
+        Bitmap iBitMap;
+        if (richTextBean.emojiUri.startsWith("http")){
+          String imgUrl = richTextBean.emojiUri;
+          URL url = new URL(imgUrl);
+          HttpURLConnection connection = (HttpURLConnection) url.openConnection();
+          connection.setDoInput(true);
+          connection.connect();
+          InputStream input = connection.getInputStream();
+          iBitMap = BitmapFactory.decodeStream(input);
+        }else {
+          iBitMap = BitmapFactory.decodeFile(richTextBean.emojiUri);
+        }
+        if (editText.getText() != null) {
+          editText.getText().insert(startIndex, richTextBean.tag);
+        }
+        TextSpan imageSpan = new TextSpan(mContext, BitmapUtil.setBitmapSize(iBitMap, editText.getTextSize()), richTextBean);
+        mSpannableString = SpannableString.valueOf(editText.getText());
+        mSpannableString.setSpan(imageSpan, startIndex, endIndex, Spanned.SPAN_EXCLUSIVE_EXCLUSIVE);
+        editText.setText(mSpannableString);
+        editText.setSelection(endIndex);
+        editText.getText().replace(startIndex, endIndex, richTextBean.content);
+      }catch (Exception e){
+        //todo
+        Log.d("错误", "insertEmoji: "+e);
+      }
+    }).start();
+
   }
 
   private void insertMentions(RichTextBean richTextBean) {

example/src/App.tsx

@@ -36,6 +36,7 @@ export const App = () => {
       img: data,
       emojiTag: '[苦笑]',
       type: ITextType.emoji,
+      emojiUri: data.uri,
     });
   };
   const blur = () => {
@@ -54,7 +55,12 @@ export const App = () => {
     const imageData: ImageResolvedAssetSource = Image.resolveAssetSource(
       require('./[苦笑].png')
     );
-    const emojiData = { img: imageData, emojiTag: '[苦笑]' };
+    const emojiData: IInserTextAttachmentItem = {
+      img: imageData,
+      emojiTag: '[苦笑]',
+      type: 1,
+      emojiUri: imageData.uri,
+    };
     const tagData: IInserTextAttachmentItem = {
       tag: '#',
       name: '测试tag',
@@ -64,18 +70,18 @@ export const App = () => {
     };
     inPutRef.current?.changeAttributedText([
       { type: 0, text: '普通字符' },
-      { type: 1, ...emojiData },
+      emojiData,
       tagData,
       { type: 0, text: '普通字符' },
       tagData,
-      { type: 1, ...emojiData },
+      emojiData,
       { type: 0, text: '普通字符' },
       tagData,
       { type: 0, text: '普通字符' },
       tagData,
-      { type: 1, ...emojiData },
-      { type: 1, ...emojiData },
-      { type: 1, ...emojiData },
+      emojiData,
+      emojiData,
+      emojiData,
     ]);
   };
   const focus = () => {

ios/VariableTextInput.m

@@ -483,7 +483,7 @@ -(void)cut:(id)sender{
         UIPasteboard *defaultPasteboard = [UIPasteboard generalPasteboard];
         [defaultPasteboard setString:content];
         // 标记视图需要重新布局
-        [self setNeedsLayout];f
+        [self setNeedsLayout];
         return;
     }
     // 标记视图需要重新布局

src/index.tsx

@@ -54,6 +54,7 @@ export interface IInserTextAttachmentItem {
   id?: string;
   img?: ImageResolvedAssetSource; //emoji图片
   emojiTag?: string; //[微笑] //emojitag
+  emojiUri?: string;
 }
 interface IProps {
   onMention?: () => void;