您当前的位置:首页 > 新闻 > 科技

使用Flutter开发跨平台APP,这两个项目值得学习!仿豆瓣+仿微博

时间:2020-06-18 12:54:26  来源:  作者:

介绍

Flutter是谷歌的移动UI框架,可以快速在IOSAndroid上构建高质量的原生用户界面。 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,这两个项目值得学习!仿豆瓣+仿微博


Tags:Flutter开发跨平台APP   点击:()  评论:()
声明:本站部分内容及图片来自互联网,转载是出于传递更多信息之目的,内容观点仅代表作者本人,如有任何标注错误或版权侵犯请与我们联系(Email:2595517585@qq.com),我们将及时更正、删除,谢谢。
▌相关推荐
介绍Flutter是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面。 Flutter可以与现有的代码一起工作。在全世界,Flutter正在被越来越多的开发者和组织使用...【详细内容】
2020-06-18  Tags: Flutter开发跨平台APP  点击:(149)  评论:(0)  加入收藏
▌简易百科推荐
非法购买公民信息、开发人脸认证规避技术……今年年初,广东省公安厅网安部门侦破全国首例破解“青少年防沉迷系统”的新型网络犯罪案件,抓获犯罪嫌疑人13名,查处非...【详细内容】
2021-12-28    人民日报客户端  Tags:数据安全步   点击:(5)  评论:(0)  加入收藏
就在今天,腾讯方面宣布将在2022年1月31日下架企业QQ和营销QQ,其实这一消息的降临并不让笔者意外,因为早在今年的10月28日20点之后,企业QQ和营销QQ就被停止了续费服务。相信很多...【详细内容】
2021-12-27  科技探险家    Tags:企业QQ   点击:(20)  评论:(0)  加入收藏
日前,上海交通大学发布《全球电竞之都评价报告》,对全球15个致力于发展电竞之都的城市进行评价,上海作为中国城市电竞发展的排头兵,其拥有众多优质电竞企业及完整产业集群,因此排...【详细内容】
2021-12-27  经济日报    Tags:电竞   点击:(3)  评论:(0)  加入收藏
为优化网络氛围环境,微博又开始整顿用户信息了。本月月初,微博官方发布公告,要求昵称中带有如“二货”“SB”“瘪三”“娘炮”等明显低俗或侮辱性词汇的用户尽快修改,否则将面临...【详细内容】
2021-12-24  运了个营    Tags:微博   点击:(10)  评论:(0)  加入收藏
昨日谷歌宣布,自2022年12月19日开始停止对OnHub的软件支持,OnHub路由器仍将提供Wi-Fi信号,但用户无法用谷歌Home应用程序管理它。无法更新Wi-Fi网络设置、添加额外的Wifi设备或...【详细内容】
2021-12-22  雷峰网    Tags:Google OnHub   点击:(5)  评论:(0)  加入收藏
IT之家 12 月 20 日消息,百度网盘青春版 iOS 客户端今日晚间率先开启内测,安卓客户端将在稍后内测。使用苹果 iPhone 的IT之家小伙伴可以点此下载内测版,需要先下载 TestFlight...【详细内容】
2021-12-21  IT之家    Tags:百度网盘   点击:(10)  评论:(0)  加入收藏
对于拼车单,是接还是不接,不少网约车司机表示很矛盾。接吧,钱少事多,常常跑了个寂寞,不接吧,车多客少,挑三拣四没饭吃。 在平台大力推广拼车单之下,不少司机迫于生活压力,最终还是打...【详细内容】
2021-12-17  网约车情报分享    Tags:滴滴   点击:(9)  评论:(0)  加入收藏
蓝鲸TMT频道12月16日讯,据饿了么官方微信公众号,近日,在圆桌会上,蓝骑士与平台交流了配送安全问题。饿了么表示,线上将技术手段融入安全防护;线下将持续进行安全培训,并试点智能头...【详细内容】
2021-12-17    金融界  Tags:饿了么   点击:(24)  评论:(0)  加入收藏
开源最前线(ID:OpenSourceTop) 猿妹编译项目地址: https://github.com/restic/restic全球知名代码托管平台 GitHub 今天就重磅发布了今年的年度报告——《2021 年度 O...【详细内容】
2021-12-17  Python部落    Tags:   点击:(9)  评论:(0)  加入收藏
新京报快讯 据中国网络视听节目服务协会网站消息,12月15日,中国网络视听节目服务协会发布了《网络短视频内容审核标准细则》(2021)。中国网络视听节目服务协会组织有关短视频平...【详细内容】
2021-12-16    新京报  Tags:短视频   点击:(11)  评论:(0)  加入收藏
相关文章
    无相关信息
最新更新
栏目热门
栏目头条