Flutter 案例 实现 Wanandorid 客户端

有点标题党了,今年 Flutter 很给力,真的是哪哪都能看到,作为一名 Android 开发者“不得不去”学习了解一下,所以我试着利用 Flutter 实现一个 Wanandroid 客户端。

1.如何上手

Flutter 的核心就是跨平台(采用Dart语言开发),所以与原生还是有很大的不同的,就比如:Flutter 是没有 xml 静态布局的,所有页面都是由 Widget 组件构成,即“万物皆组件”,所以我们的布局是这样写的:
Flutter 案例 实现 Wanandorid 客户端_第1张图片
第一眼看的反应是不是,真是啥!这特么是啥玩意!这一层层的嵌套关系,真是让我难以下手。不过现在写多了是
Flutter 案例 实现 Wanandorid 客户端_第2张图片

说说我是如何上手的吧(已附相应链接):

  1. 配置 Flutter 环境
  2. 学习 Dart 基本语法,及代码规范
  3. 学习基本组件的使用,如:StatefulWidget, Row, Column…
  4. 尝试去实现一些简单的业务,比如:登入、注册功能等等
  5. 实现一个完整版项目
  6. Todo: CodeReview, 不断改进,为项目选择正确的方法

2.项目效果

主页 项目 微信公众号 知识体系
Flutter 案例 实现 Wanandorid 客户端_第3张图片 Flutter 案例 实现 Wanandorid 客户端_第4张图片 Flutter 案例 实现 Wanandorid 客户端_第5张图片 Flutter 案例 实现 Wanandorid 客户端_第6张图片
我的 个人信息 文章详情 登入页面
Flutter 案例 实现 Wanandorid 客户端_第7张图片 Flutter 案例 实现 Wanandorid 客户端_第8张图片 Flutter 案例 实现 Wanandorid 客户端_第9张图片 Flutter 案例 实现 Wanandorid 客户端_第10张图片

具体代码见:Wanandroid_Learning_Flutter 欢迎 Issue, Star, Fork。

一起 Flutter 吧!

另外,如果你想看 Java 与 Kotlin 的版本,请看我的另一篇文章,我一次性为 Wanandroid 开发了Java与Kotlin两个版本

你可能感兴趣的:(Android)