仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

介绍

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


仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看


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

Github

https://github.com/kaina404/FlutterDouBan

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

https://github.com/huangruiLearn/flutter_hrlweibo

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

仿豆瓣APP项目

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

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

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

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

页面介绍

  • 首页 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开发app的开源项目!值得一看

    仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

    仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

    仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

    仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

    仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

    仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

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

    仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

    总结

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

    仿豆瓣+仿微博,两个使用Flutter开发app的开源项目!值得一看

    人已赞赏
    技术博文

    基于Javascript编写的开源Markdown和HTML相互转换器——showdown

    2020-8-29 9:27:42

    技术博文

    11.6k stars,用于构建虚拟现实体验的web框架——aframe.js

    2020-9-5 8:27:31

    个人中心
    购物车
    优惠劵
    今日签到
    有新私信 私信列表
    搜索