Flutter 中 Image

在Flutter中，Image是一个用于显示图像的控件，可以显示网络图像、本地图像以及Asset中的图像。Image控件支持多种常见的图像格式，例如PNG、JPEG、GIF等。

以下是一个简单的示例代码，演示如何在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('Image Example'),
        ),
        body: Center(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // 显示网络图片
              Image.network(
                'https://example.com/image.jpg',
                width: 200,
                height: 200,
              ),
              SizedBox(height: 20),
              // 显示本地图片
              Image.asset(
                'assets/image.png',
                width: 200,
                height: 200,
              ),
            ],
          ),
        ),
      ),
    );
  }
}

在这个示例中，我们创建了一个简单的Flutter应用，包含一个带有标题的AppBar和一个居中显示的Column布局控件。Column中包含了两个Image控件，分别显示了网络图片和本地图片。

在Image控件中，我们设置了以下属性：

• Image.network：指定了要显示的网络图片的URL。
• Image.asset：指定了要显示的本地图片的Asset路径。
• width和height：设置了图片的宽度和高度为200。

除了网络图片和本地图片外，Image控件还支持其他类型的图像，例如文件图片、Memory图片等。Flutter提供了丰富的图像加载和显示功能，开发者可以根据应用程序的需求选择合适的方式来显示图像。