Flutter RichText支持图片显示和自定义图片效果

在Flutter中，RichText组件可以用来显示包含图片的富文本内容。为了在RichText中支持图片显示，你可以使用Image组件，并通过Text.rich构造函数来创建富文本文字。

以下是一个简单的示例，展示如何在RichText中嵌入图片并应用自定义样式：

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        body: Center(
          child: RichText(
            text: TextSpan(
              children: <InlineSpan>[
                TextSpan(
                  text: '这里是文本内容，',
                  style: TextStyle(color: Colors.black, fontSize: 18),
                ),
                WidgetSpan(
                  child: Padding(
                    padding: const EdgeInsets.symmetric(horizontal: 4.0),
                    child: Image.network(
                      'https://example.com/image.png', // 替换为实际的图片链接
                      width: 30.0,
                      height: 30.0,
                    ),
                  ),
                ),
                TextSpan(
                  text: '紧接着是图片。',
                  style: TextStyle(color: Colors.black, fontSize: 18),
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}

在这个例子中，我们使用了TextSpan来构建富文本，其中包括文本和使用WidgetSpan嵌入的图片。图片是通过Image.network加载的，你可以替换成你需要的图片链接。图片与文本之间的间距是通过Padding组件添加的。

请注意，RichText组件不支持点击事件或者其他交互，如果需要这些功能，你可能需要考虑使用DefaultTextStyle和GestureDetector等其他组件。