Flutter技术问题：在首页添加Text与Image时持续报错，求代码排查

从你提供的截图来看，核心问题是Flutter的Scaffold的body属性只能接收单个Widget，如果你直接把Text和Image并列放在body里，会触发语法错误——因为Dart不允许给单个参数传入多个值。

解决方法很简单，用布局组件把多个Widget包裹起来，常用的布局组件有：

• Column：垂直排列多个组件
• Row：水平排列多个组件
• Stack：层叠排列组件（比如图片上叠加文字）

给你一个可运行的示例代码：

import 'package:flutter/material.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: const Text('首页')),
        // 用Column垂直包裹Text和Image
        body: Column(
          children: [
            const Text('这是一段文本'),
            // 网络图片示例
            Image.network('https://picsum.photos/200'),
            // 本地图片示例（需先在pubspec.yaml中配置资源路径）
            // Image.asset('assets/images/your-image.png'),
          ],
        ),
      ),
    );
  }
}

额外注意事项：

• 使用本地图片时，必须在pubspec.yaml的flutter节点下声明资源路径，否则会加载失败
• 可通过Column/Row的mainAxisAlignment、crossAxisAlignment属性调整组件对齐方式
• 如果组件超出屏幕范围，需要用SingleChildScrollView包裹布局组件，避免溢出错误

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