BestHub
Sign in
Tag

TextSpan

0 views collected around this technical thread.

Rare Earth Juejin Tech Community
Rare Earth Juejin Tech Community
Nov 11, 2022 · Mobile Development

Implementing Text and Image Mixed Editing in a Flutter Rich Text Editor

This article explains how to extend a Flutter rich‑text editor to support mixed text‑image layout by using WidgetSpan, InlineSpan trees, and the image_picker plugin, providing detailed code examples and a deep dive into the rendering pipeline.

FlutterImageInlineSpan
0 likes · 10 min read
Implementing Text and Image Mixed Editing in a Flutter Rich Text Editor
Xianyu Technology
Xianyu Technology
Jul 31, 2019 · Mobile Development

Design and Implementation of a Powerful Rich Text Component in Flutter

To meet Xianyu’s e‑commerce product‑detail needs, the team built a custom RichText solution in Flutter that uses a zero‑width‑space placeholder (SpaceSpan) with adjustable letter‑spacing and font‑size to reserve space, then positions any widget via a Stack, enabling inline images, emojis and custom components without altering Flutter’s core rendering, though further work is needed for automatic sizing, text selection and editor integration.

FlutterRichTextSpaceSpan
0 likes · 7 min read
Design and Implementation of a Powerful Rich Text Component in Flutter