Flutter开发之——基本组件-Image(1)，来一份全面的面试宝典练练手

---

3.1 Image.asset

设置pubspec.yaml

• 在项目路径下，新建images文件夹，并将图片flutter.png放到images路径下

• 在pubspec.yaml 文件中添加assets，如上图，注意images的路径(间隔两个字母)

flutter:

assets:

• images/flutter.png

代码设置(lib/main.dart)

Image.asset(“images/flutter.png”),

3.2 Image.network

Image.network(“https://flutter.dev/assets/flutter-lockup-1caf6476beed76adec3c477586da54de6b552b2f42108ec5bc68dc63bae2df75.png”),

3.3 Image.file

添加path_provider依赖

在pubspec.yaml 文件中添加path_provider依赖

dependencies:

path_provider: ^1.6.26

然后，执行Pub get获取path_provider依赖

path_provider说明

对于Android系统

Directory tempDir = await getTemporaryDirectory();

String tempPath = tempDir.path;

Directory appDocDir = await getApplicationDocumentsDirectory();

String appDocPath = appDocDir.path;

String storageDir = (await getExternalStorageDirectory()).path;

加载sd卡图片需要读写权限，在AndroidManifest.xml中添加

打印文件路径

Future main() async {

String appDir = (await getApplicationDocumentsDirectory()).path;

String tempDir = (await getTemporaryDirectory()).path;

String storageDir = (await getExternalStorageDirectory()).path;

print(“appDir==$appDir”);

print(“tempDir==$tempDir”);

print(“storageDir==$storageDir”);

}

输出结果

I/flutter (10148): appDir==/data/user/0/com.example.flutter_image/app_flutter

I/flutter (10148): tempDir==/data/user/0/com.example.flutter_image/cache

I/flutter (10148): storageDir==/storage/emulated/0/Android/data/com.example.flutter_image/files

将要显示的图片导入到手机中

完整代码(lib/main.dart)

import ‘dart:convert’;

import ‘dart:io’;

import ‘dart:typed_data’;

import ‘package:flutter/material.dart’;

import ‘package:path_provider/path_provider.dart’;

Future main() async {

runApp(MyApp());

}

class MyApp extends StatelessWidget {

@override

Widget build(BuildContext context) {

return MaterialApp(

title: ‘Flutter Demo’,

theme: ThemeData(

primarySwatch: Colors.blue,

),

home: MyHomePage(title: ‘Flutter Demo Home Page’),

);

}

}

class MyHomePage extends StatefulWidget {

MyHomePage({Key key, this.title}) : super(key: key);

final String title;

@override

_MyHomePageState createState() => _MyHomePageState();

}

File file;

class _MyHomePageState extends State {

int _counter = 0;

String _storageDir = ‘’;

File file;

void _incrementCounter() {

setState(() {

_counter++;

});

}

@override

Widget build(BuildContext context) {

_getLocalFile();

return Scaffold(

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数Android工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Android移动开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）

最后

**要想成为高级安卓工程师，必须掌握许多基础的知识。**在工作中，这些原理可以极大的帮助我们理解技术，在面试中，更是可以帮助我们应对大厂面试官的刁难。

---

个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新**

如果你觉得这些内容对你有帮助，可以添加V获取：vip204888 （备注Android）
[外链图片转存中…(img-2RPokEzV-1711650298180)]

最后

**要想成为高级安卓工程师，必须掌握许多基础的知识。**在工作中，这些原理可以极大的帮助我们理解技术，在面试中，更是可以帮助我们应对大厂面试官的刁难。

---

[外链图片转存中…(img-rVs92QQs-1711650298181)]

[外链图片转存中…(img-egU2xjjY-1711650298181)]

本文已被CODING开源项目：《Android学习笔记总结+移动架构视频+大厂面试真题+项目实战源码》收录