flutter image本地图片不加价
时间: 2023-07-29 12:14:44 浏览: 75
在 Flutter 中加载本地图片需要使用 `AssetImage` 或 `ExactAssetImage` 类型的 ImageProvider。在使用时,需要将本地图片文件路径传递给 ImageProvider,其中文件路径可以是相对路径或绝对路径,但必须是相对于当前 Flutter 应用程序的根目录。
下面是一个简单的示例代码,演示了如何在 Flutter 中加载本地图片:
```dart
import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Flutter Local Image Demo',
home: Scaffold(
appBar: AppBar(
title: Text('Flutter Local Image Demo'),
),
body: Center(
child: Image(
image: AssetImage('assets/images/flutter_logo.png'),
),
),
),
);
}
}
```
在上面的示例代码中,我们使用 `AssetImage` 类型的 ImageProvider 来加载本地图片,并将图片路径设置为 `assets/images/flutter_logo.png`。需要注意的是,我们需要在 Flutter 应用程序的根目录下创建一个名为 `assets` 的文件夹,并在其中创建一个名为 `images` 的子文件夹,然后将要加载的图片文件放到该子文件夹中。
在运行该示例代码之前,还需要在 Flutter 应用程序的 `pubspec.yaml` 文件中添加以下配置,以便告诉 Flutter 应用程序要加载哪些本地图片:
```yaml
flutter:
assets:
- assets/images/
```
这样,我们就可以在 Flutter 应用程序中加载本地图片了。需要注意的是,Flutter 应用程序的根目录可以使用 `Directory.current` 来获取,具体实现可以参考 `path`、`dart:io` 等相关库的使用。
相关推荐
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)