[ReactNative]テキストの途中に画像ファイルを挿入して投稿したい

Question

【前提】
ユーザが記事投稿できるアプリをReactNativeで実装しております

【やりたいこと】
投稿する記事の途中で画像ファイルを設定して登録できるような実装をしたい

【質問】
上記実現するための良い方法をご存知でしたら、ご教授頂きたいです

※ アプリ「note」の記事投稿を真似したいです。。
※ ReactNative内での実装が難しいそうなら、webviewでwebページのリンクに遷移して、webページにWYSIWYG（ウィジウィグ）を実装して投稿するようなことを検討してます

Answer 1

メンター和田様（Udemy講師）にご教授いただき、解決しました！

[サンプル]
https://github.com/takahi5/react-native-wysiwyg-editor

下記のようなデータ構造を用意するイメージ

[
  {
    type: "header",
    data: "お知らせ",
  },
  {
    type: "body",
    data:
      "いつもxxをご利用いただきありがとうございます。お客様にお知らせです。",
  },
  {
    type: "image",
    data:
      "https://i.picsum.photos/id/10/2500/1667.jpg?hmac=J04WWC_ebchx3WwzbM-Z4_KC_LeLBWr5LZMaAkWkF68",
  },
];

React NativeでTextInputの中に画像を挟んで表示することはできなさそうなので、
基本的にはTextInputとImageコンポーネントを並べて表示することになると思います。

Comments

[tes_]

（追記）
https://github.com/wxik/react-native-rich-editor

上記ライブラリもあるみたいです