美文网首页
Flutter--从0到1,实战Flutter

Flutter--从0到1,实战Flutter

作者: 背靠背的微笑 | 来源:发表于2022-03-25 17:32 被阅读0次

    作为一位刚入门Flutter,实战完成了一个项目的iOS开发者,今天在这里和大家来聊聊如何从0到1,实战Flutter!

    一、简介

    如果你第一次接触 Flutter ,你应该从简介开始,在简介中你可以了解到 Flutter 是什么,有哪些优点。 Flutter 和其他的跨平台框架的差异……。总之,它能更好的带你初步了解Flutter。

    二、安装环境

    看完简介,是不是迫不及待想要上手了?先别急,你还需要先把环境装好哦。官网提供了不同操作系统的安装方法,这里需要注意的是,由于在国内访问Flutter有时可能会受到限制,Flutter官方为中国开发者搭建了临时镜像,大家可以将如下环境变量加入到用户环境变量中,或者使用翻墙软件。

    笔者这里使用Android Studio开发工具,添加Flutter,dart插件。


    添加插件

    三、开启项目之旅

    好了,现在你可以开始你的hello world了!


    选择新建flutter项目
    选择应用

    Project Type 怎么选?

    hello world 界面

    四、初识Widget

    Flutter 区别于其他命令式的编程风格,用现代响应式框架构建,中心思想是用widget构建你的UI。所以在开发项目之前,建议你先简单了解一下什么是Widget,对一切都是Widget有概念,知道如何区分StatelessWidget和StatefulWidget,了解最常用的Text、Row和Column、Stack、Container即可。

    五、如何布局

    认识了Widget后,我们就开始UI搭建了。拿到一个UI设计稿后,是不是不知道改怎么布局呢,感觉无从下手呢?我们将一起来看看Flutter的布局风格。

    六、UI遇到的点点滴滴

    记录了在实际开发过程中,遇到的UI问题。

    七、生命周期

    随着开发的深入,你会提出疑问,Flutter的生命周期是如何的?相对于iOS的ViewController(),Andriod的onCreate()在哪里?我的业务逻辑应该放在哪里处理?初始化数据该在哪里?接下来我们一起来探讨吧。

    八、库的管理

    在原生开发中,Android使用Gradle来管理依赖,iOSCocoapods来管理依赖,Node 中通过 npm来管理依赖。那Flutter有没有自己的包管理工具呢?又是如何来管理依赖的呢?

    九、总结:

    由于准备时间有限,本次分享内容仅限于此,当然我们项目开发过程中还涉及到路由管理、网络、文件处理、模型序列化、数据库、混合开发等技术,后续会慢慢会和大家一起探讨。

    最近Flutter中文网新发布的《Flutter实战·第二版》也对大家入门Flutter实战很有帮助,但千里之行始于足下,大家还是要动手开发哦。

    相关文章

      网友评论

          本文标题:Flutter--从0到1,实战Flutter

          本文链接:https://www.haomeiwen.com/subject/kojdjrtx.html