互联网公司面试的问题,Flutter实战之实现一个简单的新闻阅读器,字节跳动面试必问
Drawer的实现也很简单,Flutter都已经封装好了,直接配置Scaffold的drawer参数来实现一个Drawer界面。利用shared_preferences和sqflite插件分别实现SharePreference和DB的数据本地缓存,在项目的pubspec.yaml中配置依赖的插件:然后就可以在使用的地方import相应的package来使用对应功能。
)
);
Drawer的实现也很简单,Flutter都已经封装好了,直接配置Scaffold的drawer参数来实现一个Drawer界面。
- 数据缓存:
利用shared_preferences和sqflite插件分别实现SharePreference和DB的数据本地缓存,在项目的pubspec.yaml中配置依赖的插件:
dependencies:
…
sqflite: “^0.8.3”
shared_preferences: “^0.4.0”
…
然后就可以在使用的地方import相应的package来使用对应功能。
- Column问题
使用Column时会遇到一个there are children with non-zero flex but the vertical constraints are unbounded的异常,大致意思是说Column内部有flex值不为0的children,但是当前Column在垂直方向的高度约束是无限制的。 简单解释一下,Column的children默认flex值是0,可以理解为flex为0的组件占用的空间是静态的。当一个组件的flex值不为0时,意味着它会去占用父容器布局完其他flex为0的组件后剩下的空间,占用多少跟flex的值有关。这有点类似Android中LinearLayout的weight。所以这个异常的意思其实是说因为当前的Column的垂直方向的高度约束是没有任何限制的,此时内部如果有flex非0的children的话它无法确定父容器的剩余空间有多大。
当一个Column的children中有一个或多个Expanded或Flexible组件,并且这个Column嵌套在另一个Column或ListView的内部,就会遇到这个问题。
解决的思路其实就是检查为什么自己的Column此时在垂直方向的高度约束是无限制的,大部分情况下可能是由于当前Column嵌套在另一个Column或ListView等容器中导致的。
关于该问题的详细描述可以参阅官方文档。
Effect



由于聚合数据只有获取新闻列表的接口(也可能我没找到单条新闻详情的接口),所以目前点击新闻的跳转是直接用浏览器打开了其对应的url。另外聚合数据获取新闻列表的接口貌似也没有支持分页参数…我还升级了聚合数据的高级会员,略坑。
Todo
- 下拉刷新
- 增加不同频道Route
- 图片本地缓存
End
天气接口:和风天气。
- www.heweather.com/documents/a…。
新闻接口:聚合数据。 - www.juhe.cn。
部分图标:Iconfont-阿里巴巴矢量图标库。 - www.iconfont.cn。
源码地址:Catsao - github.com/suojingchao…
关于Flutter项目的编译和运行可以参考官方文档。
自我介绍一下,小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数Android工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但对于培训机构动则几千的学费,着实压力不小。自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Android移动开发全套学习资料》,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。






既有适合小白学习的零基础资料,也有适合3年以上经验的小伙伴深入学习提升的进阶课程,基本涵盖了95%以上Android开发知识点,真正体系化!
由于文件比较大,这里只是将部分目录大纲截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频,并且后续会持续更新
如果你觉得这些内容对你有帮助,可以添加V获取:vip204888 (备注Android)
【附】相关架构及资料
源码、笔记、视频。高级UI、性能优化、架构师课程、NDK、混合式开发(ReactNative+Weex)微信小程序、Flutter全方面的Android进阶实践技术,和技术大牛一起讨论交流解决问题。

一个人可以走的很快,但一群人才能走的更远。如果你从事以下工作或对以下感兴趣,欢迎戳这里加入程序员的圈子,让我们一起学习成长!
AI人工智能、Android移动开发、AIGC大模型、C C#、Go语言、Java、Linux运维、云计算、MySQL、PMP、网络安全、Python爬虫、UE5、UI设计、Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算
Unity3D、Web前端开发、产品经理、车载开发、大数据、鸿蒙、计算机网络、嵌入式物联网、软件测试、数据结构与算法、音视频开发、Flutter、IOS开发、PHP开发、.NET、安卓逆向、云计算**
更多推荐


所有评论(0)