Flutter 导航

Flutter 的安装

直接去官网open in new window下载,放好位置,我放在D://

配置环境,环境变量的 path 中添加 D://,这样我们就能在任何地方运行 flutter 指令了

运行 flutter doctor

flutter doctor

接下来就是启动 android studio

开启第一个 flutter 项目

查看 flutter 、dart 安装目录

where flutter dart

查看 flutter

flutter doctor

验证 flutter 是否识别你连接的 Android 设备

flutter devices

运行启动项目

flutter run

起一个 flutter 项目

flutter create my_app

运行 flutter

flutter run XX

https://flutterawesome.com/open in new window

Flutter 是什么?

Flutter 能做什么?

Flutter 与 React Native 的对比

Flutter 的最小实现

状态管理

Bloc - redux - mobx

https://github.com/FlutterDance/movieopen in new window

https://mp.weixin.qq.com/s/rUcWz7Rx5T34WyYoCDLh8Qopen in new window

怎样写好 Flutter 代码

https://mp.weixin.qq.com/s/Xsp4pdxqdyGovXQmXcKk7Aopen in new window

flutter 是近些年流行的跨端方案,跨的端包括安卓、ios、web 等。它最大的特点是渲染不是基于操作系统的组件,而是直接基于绘图库(skia)来绘制的,这样做到了渲染的跨端。逻辑的跨端也不是基于 js 引擎,而是自研的 dart vm 来跨端,通过 dart 语言来写逻辑,

页面切换添加动画

https://flutter.cn/docs/cookbook/animation/page-route-animationopen in new window

flutter 基本介绍

dart 语法介绍

从 redux 到 flutter 数据管理

redux :咸鱼的 flutter-redux

官方推荐的 bloc

其他的方式

实战一个项目需要注意什么

demo,需要学习什么

  • 状态管理怎么做

  • 页面切换的动画效果

  • 与原生的交互

  • webview 的介入

Dart 基础知识

什么是声明式 UI

Flutter 入门基础知识

项目结构、资源、依赖和本地化

认识视图(Views)

布局与列表

状态管理

路由与导航

线程和异步 UI

手势检测及触摸事件

主题和文字处理

表单输入与富文本

调用硬件、第三方服务以及平台交互、通知

2022年最新flutter课程

https://www.bilibili.com/video/BV1YL4y1L723open in new window

https://tangguo.feishu.cn/docs/doccnOEucSIUzgNSEZj4OKwVNHfopen in new window

Last Updated:
Contributors: johan