Text: support inline images

[Hixie]

See #2021 for a use case we should convert to inline images.

Right now, the paragraph will wrap really weirdly if the device is too narrow.

[HansMuller]

I think we'll want to support text that contains inline widgets. For example (from the Chips section of the MD spec):

[Hixie]

Yeah, what we actually need to support is "just" a placeholder rectangle with a paint callback. Then you just hook the rendering boxes into it and can have whatever you want in there.

[namiwang]

I believe flutter also should support inline Icon/ImageIcon in Text/TextSpan.

I guess this doesn't worth another issue.

[Hixie]

Yeah, once we support this you'll be able to put any RenderBox in there.

[pulyaevskiy]

This would also be a desirable feature for (future) rich-text editors (I'm currently working on one).

[jay7n]

Hi @pulyaevskiy , is there some progress on this issue ? I have encounterd this problem recenetly, and want to get this feature urgently ...

[pulyaevskiy]

@jay7n in regards to this issue (inline images in TextSpan) I didn't have any plans to work on implementing this any time soon. If you're interested in rich-text editor, I've had good progress on it since. But it's just a part of a bigger project and I'm not working on the editor full time.

[jay7n]

@pulyaevskiy thanks for your reply and sorry for the delay. I mocked up a quick workaround regarding this missing feature. The idea is simple: detect the images width and the total text size(multiply text count by single font size), and check if there's not enough space for the whole text, then split it to two text widgets, one following the images, the other lay down to next line. All widgets are wrapped in a Wrap widget. I'm not sure this is the right way to do it, but I think the workaround is workable