Flutter实现文本与图标同行显示时遇参数错误，求解决

错误原因分析 #

你遇到的Too many positional arguments, 0 expected but 1 received错误，核心原因是Scaffold的body参数仅支持单个子组件，但你在Padding组件后直接追加了Text.rich，相当于给Scaffold传递了额外的位置参数，触发语法错误。

另外还有一个细节问题：Myapp类的构造函数名称写成了小写的myapp，不符合Dart类构造函数的命名规范，需要修正为与类名一致的大写开头。

修正后的代码 #

void main() => runApp(const Myapp());

class Myapp extends StatefulWidget {
  const Myapp({Key? key}) : super(key: key); // 修正构造函数名称
  _MyappState createState() => _MyappState();
}

class _MyappState extends State<Myapp> {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        body: Padding(
          padding: const EdgeInsets.only(top: 30),
          // 使用Column将Stack和Text.rich整合为单个body子组件
          child: Column(
            children: [
              Stack(
                alignment: AlignmentDirectional.center,
                children: <Widget>[
                  Positioned(
                    top: 0.0,
                    child: Image.asset(
                      'images/logo.png',
                      height: 150,
                      width: 150,
                    ),
                  ),
                ],
              ),
              // 实现文本与图标同行的核心代码
              Text.rich(
                TextSpan(
                  children: [
                    const TextSpan(text: 'Click'),
                    WidgetSpan(child: Icon(Icons.add, size: 16)), // 可调整图标大小匹配文本
                    const TextSpan(text: 'to add'),
                  ],
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}

关键调整说明 #

1. 布局结构修正：用Column作为Padding的子组件，将Stack和Text.rich包裹起来，确保body仅传递一个子组件，解决参数过多的错误。
2. 构造函数规范：将小写的myapp改为与类名一致的Myapp，符合Dart语法规则，消除潜在警告。
3. 图标适配优化：给Icon添加size参数，让图标大小与文本视觉更协调。

内容的提问来源于stack exchange，提问作者Priya