【Flutter】图片组件Image&图标组件Icon
warning:
这篇文章距离上次修改已过200天,其中的内容可能已经有所变动。
在Flutter中,Image
组件用于加载和显示图片,而Icon
组件用于显示图标。
图片组件Image
Image(
image: AssetImage('path/to/your/image.jpg'), // 从assets加载图片
fit: BoxFit.cover, // 图片如何填充
width: 200.0, // 图片宽度
height: 200.0, // 图片高度
)
图标组件Icon
Icon(
Icons.favorite, // 图标类型,如心形图标
color: Colors.red, // 图标颜色
size: 30.0, // 图标大小
)
使用时,需要在pubspec.yaml文件中声明图片资源或者使用Material Icons字体库中的图标。
assets:
- assets/images/your_image.jpg
或者使用Material Icons字体库:
dependencies:
flutter:
sdk: flutter
cupertino_icons: ^1.0.0
然后在代码中通过Icons.iconName
使用这些图标。
评论已关闭