flutter 初学者指南

555 阅读4分钟

启掘金成长之旅!这是我参与「掘金日新计划 · 12 月更文挑战」的第21天,点击查看活动详情

Flutter系列文章列表

  1. 2022年了,你还不会flutter!!!
  2. Flutter 第一课---flutter特点及组件开发
  3. Flutter 第二课---组件生命周期和App生命周期
  4. Flutter 第三课---状态管理之Provide
  5. Flutter 第四课---路由管理
  6. Flutter 第五课 --- 包管理器和资源管理
  7. Flutter 第六课 --- flutter网络请求
  8. Flutter 第七课 --- flutter 网络封装
  9. Flutter 第八课 ---使用 Flutter 构建 Web 应用
  10. 如何正确的在flutter中添加webview
  11. flutter原生 与 js 交互
  12. flutter web 与 js 交互
  13. flutter web 与 js Promise 通信
  14. (保姆级推荐)在Flutter web中加载html是一种什么体验
  15. Flutter 如何发布安卓apk

前言

flutter基础知识到这里就结束了。一路走来,自己收获还是很多的。之前一直从事前端开发工作,涉及安卓跟IOS的知识就很少很少,几乎接触不到,这次开发flutter,也算是自己在开发道路上的一个新起点。这篇文章主要是想告诉初学者,我在flutter开发中积累的一些经验,让你们少走弯路。

学习Dart

毫无疑问,学习Flutter的第一步应该是学习Dart,不懂Dart的不要直接跳转到Flutter! Dart的语法跟JavaScript很像,他支持强类型。所以,如果你熟悉JavaScript,学习 Dart 语言就会变得更容易。 了解异步编程也很重要。没有它,我们将无法在Flutter 中编写应用程序。Dart 中的测试示例可以使用DartPad完成。DartPad 是一种开源工具,可让您在任何现代浏览器中使用 Dart 语言。

安装Flutter SDK-准备IDE

掌握了Dart语言的奥秘后,就可以开始安装flutter SDK和配置集成开发环境(IDE)了。说到IDE,你可以选择:我个人使用的Visual Studio Code和Android Studio。您可以根据自己的喜好安装各种扩展来帮助您编写 Flutter 代码。对于 VS Code,您可以访问这里

探索小部件

Widgets 是 flutter 不可或缺的一部分。他们构建我们负责构建视图的树。我们区分两种最重要的小部件类型:StatelessWidget和StatefulWidget。如果不了解它们之间的区别,您就无法开始编写 Flutter 应用程序。 小部件要么是有状态的,要么是无状态的。如果一个小部件可以改变,它就是有状态的。当您想要向您的应用程序添加交互性时,您需要熟悉动态的有状态小部件。小部件状态存储在State对象中。Flutter 提供了一个广泛的小部件库。您可以在这里找到它们。

学习状态管理,选择项目架构

状态管理是创建Flutter应用时不可忽视的问题。flutter现存在的状态管理方法已经有许多替代解决方案,例如:Provider、Redux、Getx等,请选择适合自己的管理工具,作为初学者,我的建议是从Provider开始,他是一个我认为很简单的状态管理工具。基础教程看这里

进行 API 调用并添加数据库集成

当您熟悉构建视图树和创建自己的小部件时,您熟悉状态管理机制,您还应该专注于学习 API 调用。作为开发人员,我们经常创建需要后端的应用程序。Pub 提供了很棒的包,例如:http或dio来执行 HTTP 请求。dio请求及封装看这里

Flutter 转换指南

如果您之前有过使用其他框架的经验,Flutter文档中有解释了特定平台的某个方面是如何在Flutter中实现的。就个人而言,我从事前端工作,所以我在这里找到了很多疑惑的答案!

结束语

请记住“熟能生巧”,如果你不自己编写代码并从错误中吸取教训,那么任何课程、阅读文档或观看教学视频都不会有所帮助。从错误或者困难之中突破自我,你才能成长的更加迅速。最后送上自己的座右铭“路虽远行则将至,事虽难做则必成”。