Flutter开发之github微信高仿Demo

2022-04-11 18:14:25 浏览数 (1)

当你学习了Flutter基础之后,强烈建议查看别人写过的demo,学会看别人的代码,并跟着敲一遍,能快速学习别人编码风格,并get到很多知识点。对应新入门的朋友,会有很大帮助。开发就是要跟着项目走。。。

今天在逛github偶尔看到一个Flutter高仿的微信7.0开源项目,就是第一个开源demo,链接地址 https://github.com/Natoto/flutterWechat,已start了,推荐给大家了解下。

先来预览下demo页面:

从UI页面来看,高仿的几乎一模一样,我们查看lib文件夹内的文件结构,main.dart是程序入口,这里的几个页面分别对应UI图上的界面,大家可以相应的学习下demo中的布局和页面搭建。

Flutter的学习除了dart语法外,就是Widget了,框架给我们提供了非常多的widget,也分安卓和iOS风格,我们不需要每个都去看,只需要用到的时候再学习怎么使用即可,先熟悉常规的几种widget,相关widget的学习可以到Flutter官网或Flutter中文网 https://book.flutterchina.club/chapter3/ 查看,有比较详细的教程。

学习Flutter前期需要花时间看、学别人的开源demo或项目,强烈建议大家去github搜索些,跟着写一遍后,可以尝试自己着手写一个项目。

另外挺多很多朋友,包括自己刚学flutter时,对dart的括号嵌套比较恶心,确实,初次接触可以理解,比较很少有这样层次嵌套,但无论是vs还是as都有插件可以让你免去敲这些括号的,而且在每个括号后面都会自动添加上标注,非常方便,久而久之,你会喜欢上它,想知道插件的可以私聊我。

0 人点赞