Flutter中的Image入门讲解

import 'package:flutter/material.dart';
 
void main() => runApp(MyApp());
 
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('图片示例'),
        ),
        body: ImageDemo(),
      ),
    );
  }
}
 
class ImageDemo extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Image.asset加载项目资源中的图片
    return Container(
      child: Image.asset(
        'assets/my_image.png', // 图片路径，在pubspec.yaml中定义
        width: 200.0, // 图片宽度
        height: 200.0, // 图片高度
        fit: BoxFit.cover, // 图片填充方式
      ),
    );
  }
}

这段代码演示了如何在Flutter中使用Image.asset来加载并显示一个项目资源中的图片。首先，在pubspec.yaml文件中定义图片路径，然后在Image.asset构造函数中指定这个路径，并设置图片的宽度和高度以及fit属性来控制图片的填充方式。