豆瓣与微博的完美结合:Flutter开发的两款开源应用推荐!

发表时间: 2020-06-18 07:02

介绍

Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用,并且Flutter是完全免费、开源的。






Flutter做出来的app是什么样的,这么就有大佬用Flutter模仿了豆瓣APP和微博APP,我相信通过对这两个项目的学习,大家将会对Flutter开发有一个全新的认识,以及一定能从这两个项目中学习到很多

Github

https://github.com/kaina404/FlutterDouBan


https://github.com/huangruiLearn/flutter_hrlweibo



仿豆瓣APP项目



本项目还原豆瓣客户端。首页、书影音、小组、市集及个人中心,一个不拉,可以说几乎做到模仿了90%以上,UI都是参照豆瓣进行实现的,数据是真实的数据,项目几乎用到了Flutter所有的widget,也有魔改源码实现的特效页面

下面是一些项目上的截图,可参考(完整截图可参考项目地址)







页面介绍

  • 首页 pages/homehomo_app_bar.dart 首页导航头home_page.dart 首页my_home_tab_bar.dart 首页tab
  • 书影音 pages/moviebook_audio_video_page.dart 书影音页面detail_page.dart 影片、电视详情页面person_detail_page.dart 演员页面介绍... 页面都有注释
  • 小组 pages/group
  • 市集 shop_page.dart市集的数据使用两个webview
  • 我的 page/person
  • 仿微博客户端

    仿微博最新版本,还原微博80%的界面,总共涉及到了几十个界面和接口,用到了flutter中的大部分组件,分为首页 视频 发现 消息 我的五个模块,下面是本项目的一些截图,完整截图可访问Github仓库地址









    从本项目除了Flutter本身,还能学习使用以下第三方的开源项目


    总结

    Flutter作为一个跨平台的解决方案,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台,目前国内中文社区也很活跃,无论本身是从事哪个平台的开发,都可以过渡到Flutter开发中来,enjoy it!