Flutter开发之——基本组件-Image,Android开发实战
在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: Image(
image: AssetImage('images/example.jpg'),
width: 200.0,
height: 200.0,
fit: BoxFit.cover, // 图片填充模式
),
),
),
);
}
}
在这个例子中,我们创建了一个Image
组件,通过AssetImage
加载了一个名为example.jpg
的图片资源,并设置了图片的宽度和高度。fit
属性定义了图片如何填充到指定的尺寸,BoxFit.cover
表示图片会被缩放并居中裁剪,保证图片完全覆盖整个指定区域。
确保你在pubspec.yaml
文件中正确配置了图片资源:
assets:
- images/example.jpg
这样就可以在Flutter应用中显示一个本地的图片文件了。
评论已关闭