エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
[Flutter] 画像をインラインに挿入できるメモアプリを作成したときのポイント - Qiita
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
[Flutter] 画像をインラインに挿入できるメモアプリを作成したときのポイント - Qiita
ポイント1 画像をTextFieldに埋め込む これが最大のポイントで、あとはおまけのようなもの。 TextField... ポイント1 画像をTextFieldに埋め込む これが最大のポイントで、あとはおまけのようなもの。 TextFieldに画像を埋め込むためには、上記で紹介したextended_text_fieldパッケージのExtendedTextFieldwidgetを使う。 ExtendedTextFieldの処理の流れ 公式のサンプルが機能もりもりで解読に時間がかかったのでざっくり説明すると、 ExtendedTextFieldでは、入力値に変更があるたびに文字列にhtmlタグ(<img src='hoge' />)のようなものが含まれていないかチェックし、含まれていれば、それをExtendedTextFieldに挿入可能な形式に変換して表示する、といったことが行われている。 今回の画像を挿入する例では、入力値に変更があるたびに、specialTextSpanBuilderプロパティに設定したIma