从0开始学习Flutter 01 图解 Windows 环境下安装配置环境

Posted 2022-04-18 学习Android的第1024天

Flutter 是谷歌的移动 UI 框架，可以快速在 ios 和 android 上构建高质量的原生用户界面。 同时可以与现有的代码一起工作。Flutter 已经发布很长一段时间了，有不少大神都在学习和应用，笔者认为大前端方向是趋势，也学习一下。

Flutter 中文网 中对 Flutter 讲解非常全面，笔者也想好好学习一下，但是头一步配置环境就难倒笔者了，还真是当头一棒啊！笔者觉得官网可能觉得配置环境太简单了，所以说明的简洁明了，但对于笔者这种基础差的还真得花时间研究一下。因此笔者第一篇小博文就是整理一下在 Windows 环境下如何安装配置 Flutter 环境。

文末有福利！！！

系统环境

1. Flutter 建议 Windows 环境在 64 位 Windows7 及以上，笔者的环境是 Windows10；
2. 磁盘空间要超过 400MB，笔者觉得现在的电脑对这些空间都是绰绰有余的；
3. 电脑已安装 Git；

安装图解

Tips: 优先处理第 5 步，可以减少很多不必要的问题！！！

1. cmd -> **git clone github.com/flutter/flu… 需要一段时间，如图；

2. 添加用户 Path 路径：控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 环境变量，Path 变量中添加 Flutter 路径，到 \\bin 级；一般是在 C:\\User\\Your Name\\Flutter\\bin，若找不到可以在磁盘中搜索一下； 3. cmd 中运行 Flutter：flutter doctor，但是不幸报错，提示无法连接远程服务器，如图：

4. 笔者尝试解决这个问题，于是在 cmd 中编辑：

prompt PUB_HOSTED_URL=https://pub.flutter-io.cn
prompt FLUTTER_STORAGE_BASE_URL=https://storage.flutter-io.cn
flutter doctor 

可以下载，但是 Builde 环节出错，如图：

5. 第 3 步如果是有梯子的情况下正常，但笔者没有梯子，所以忽略了进门第一件重要的事，配置国内环境，在环境变量中添加用户 Path 变量：PUB_HOSTED_URL -> pub.flutter-io.cn 和 **FLUTTER_STORAGE_BASE_URL -> storage.flutter-io.cn**，强烈建议优先配置这一步，会省去很多不必要的麻烦，笔者仅从自己遇到的问题顺序整理，如图；

6. 重新打开 cmd -> flutter upgrade，之后等待进行，即可顺利安装：

7. 电脑连接手机，打开开发者模式，打开 cmd -> flutter devices，检测是否连接设备，如图：

至此，Flutter 环境安装配置成功，虽然安装配置环境是基础的基础，但当看到 “Welcome to Flutter!” 时，笔者还是有一丝说不出当自豪和欣喜。还要继续学习和研究啊！

---

  **Flutter** 是一种比较新的跨平台方式，笔者觉得很有必要学习一下，如果可以的话笔者想结合 Demo 整理一个小系列。
   笔者深刻理解到，看一百遍不如动手操作一遍，可能会遇到各种意想不到的问题，对自己也是一种挑战。

---

最后

分享给大家一份面试题合集。

下面的题目都是在Android交流群大家在面试时遇到的，如果大家有好的题目或者好的见解欢迎分享，楼主将长期维护此帖。
参考解析：郭霖、鸿洋、玉刚、极客时间、腾讯课堂…

内容特点：条理清晰，含图像化表示更加易懂。

内容概要：包括 Handler、Activity相关、Fragment、service、布局优化、AsyncTask相关
、Android 事件分发机制、 Binder、Android 高级必备 ：AMS,WMS,PMS、Glide、 Android 组件化与插件化等面试题和技术栈！

好啦，这份资料就给大家介绍到这了，有需要详细文档的小伙伴，可以微信扫下方二维码回复JJ免费领取哈~

Handler 相关知识，面试必问！

常问的点：
Handler Looper Message 关系是什么？
Messagequeue 的数据结构是什么？为什么要用这个数据结构？
如何在子线程中创建 Handler?
Handler post 方法原理？
Android消息机制的原理及源码解析
Android Handler 消息机制

Activity 相关

启动模式以及使用场景?
onNewIntent()和onConfigurationChanged()
onSaveInstanceState()和onRestoreInstanceState()
Activity 到底是如何启动的
启动模式以及使用场景
onSaveInstanceState以及onRestoreInstanceState使用
onConfigurationChanged使用以及问题解决
Activity 启动流程解析

Fragment

Fragment 生命周期和 Activity 对比
Fragment 之间如何进行通信
Fragment的startActivityForResult
Fragment重叠问题
Fragment 初探
Fragment 重叠， 如何通信
Fragment生命周期

Service 相关

进程保活
Service的运行线程（生命周期方法全部在主线程）
Service启动方式以及如何停止
ServiceConnection里面的回调方法运行在哪个线程？
startService 和 bingService区别
进程保活一般套路
关于进程保活你需要知道的一切

Android布局优化之ViewStub、include、merge

什么情况下使用 ViewStub、include、merge？
他们的原理是什么？
ViewStub、include、merge概念解析
Android布局优化之ViewStub、include、merge使用与源码分析

BroadcastReceiver 相关

注册方式，优先级
广播类型，区别
广播的使用场景，原理
Android广播动态静态注册
常见使用以及流程解析
广播源码解析

AsyncTask相关

AsyncTask是串行还是并行执行？
AsyncTask随着安卓版本的变迁
AsyncTask完全解析
串行还是并行

Android 事件分发机制

onTouch和onTouchEvent区别，调用顺序
dispatchTouchEvent， onTouchEvent， onInterceptTouchEvent 方法顺序以及使用场景
滑动冲突，如何解决
事件分发机制
事件分发解析
dispatchTouchEvent， onTouchEvent， onInterceptTouchEvent方法的使用场景解析

Android View 绘制流程

简述 View 绘制流程
onMeasure， onlayout， ondraw方法中需要注意的点
如何进行自定义 View
view 重绘机制

• Android LayoutInflater原理分析，带你一步步深入了解View(一)

• Android视图状态及重绘流程分析，带你一步步深入了解View(二)

• Android视图状态及重绘流程分析，带你一步步深入了解View(三)

• Android自定义View的实现方法，带你一步步深入了解View(四)

  

Android Window、Activity、DecorView以及ViewRoot

Window、Activity、DecorView以及ViewRoot之间的关系

Android 的核心 Binder 多进程 AIDL

常见的 IPC 机制以及使用场景
为什么安卓要用 binder 进行跨进程传输
多进程带来的问题

• AIDL 使用浅析

• binder 原理解析

• binder 最底层解析

• 多进程通信方式以及带来的问题

• 多进程通信方式对比

  

Android 高级必备 ：AMS,WMS,PMS

AMS,WMS,PMS 创建过程

• AMS,WMS,PMS全解析

• AMS启动流程

• WindowManagerService启动过程解析

• PMS 启动流程解析

  

Android ANR

为什么会发生 ANR？
如何定位 ANR？
如何避免 ANR？
什么是 ANR
如何避免以及分析方法
Android 性能优化之 ANR 详解

Android 内存相关

注意：内存泄漏和内存溢出是 2 个概念

什么情况下会内存泄漏？
如何防止内存泄漏？

• 内存泄漏和溢出的区别

• OOM 概念以及安卓内存管理机制

• 内存泄漏的可能性

• 防止内存泄漏的方法

  

Android 屏幕适配

屏幕适配相关名词解析
现在流行的屏幕适配方式

• 屏幕适配名词以及概念解析

• 今日头条技术适配方案

  

Android 缓存机制

LruCache使用极其原理

• Android缓存机制

• LruCache使用极其原理述

  

Android 性能优化

如何进行 内存 cpu 耗电 的定位以及优化
性能优化经常使用的方法
如何避免 UI 卡顿

• 性能优化全解析，工具使用

• 性能优化最佳实践

• 知乎高赞文章

  

Android MVC、MVP、MVVM

好几种我该选择哪个？优劣点

任玉刚的文章：设计模式选择

Android Gradle 知识

这俩篇官方文章基础的够用了
必须贴一下官方文档：配置构建
Gradle 提示与诀窍

Gradle插件 了解就好
Gradle 自定义插件方式
全面理解Gradle - 执行时序

• Gradle系列一

• Gradle系列二

• Gradle系列三

  

RxJava

使用过程，特点，原理解析
RxJava 名词以及如何使用
Rxjava 观察者模式原理解析
Rxjava订阅流程，线程切换，源码分析 系列

OKHTTP 和 Retrofit

OKHTTP完整解析
Retrofit使用流程，机制详解
从 HTTP 到 Retrofit
Retrofit是如何工作的

最流行图片加载库： Glide

郭神系列 Glide 分析
Android图片加载框架最全解析（一），Glide的基本用法
Android图片加载框架最全解析（二），从源码的角度理解Glide的执行流程
Android图片加载框架最全解析（三），深入探究Glide的缓存机制
Android图片加载框架最全解析（四），玩转Glide的回调与监听
Android图片加载框架最全解析（五），Glide强大的图片变换功能
Android图片加载框架最全解析（六），探究Glide的自定义模块功能
Android图片加载框架最全解析（七），实现带进度的Glide图片加载功能
Android图片加载框架最全解析（八），带你全面了解Glide 4的用法

Android 组件化与插件化

为什么要用组件化？
组件之间如何通信？
组件之间如何跳转？
Android 插件化和热修复知识梳理
为什么要用组件化

• Android彻底组件化方案实践
• Android彻底组件化demo发布
• Android彻底组件化-代码和资源隔离
• Android彻底组件化—UI跳转升级改造
• Android彻底组件化—如何使用Arouter

插件化框架历史
深入理解Android插件化技术
Android 插件化和热修复知识梳理

由于篇幅限制，文档的详解资料太全面，细节内容太多，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

好啦，这份资料就给大家介绍到这了，有需要详细文档的小伙伴，可以微信扫下方二维码免费领取哈~

emo发布

• Android彻底组件化-代码和资源隔离
• Android彻底组件化—UI跳转升级改造
• Android彻底组件化—如何使用Arouter

插件化框架历史
深入理解Android插件化技术
Android 插件化和热修复知识梳理

由于篇幅限制，文档的详解资料太全面，细节内容太多，所以只把部分知识点截图出来粗略的介绍，每个小节点里面都有更细化的内容！

好啦，这份资料就给大家介绍到这了，有需要详细文档的小伙伴，可以微信扫下方二维码回复JJ免费领取哈~