用不成熟的flutter web做了个网站 - 哭一场
用不成熟的flutter web做了个网站
目前,flutter web还不成熟,官方不建议在生产环境中使用。于是我本着“我不入地狱谁入地狱”的觉悟,趟了趟这坑浑水。
说实话,比想象中的坑少,并没有被坑得爬不起身。但依旧还有几个大问题还没有找到解决方案。
先上地址:
放在github.io上的:https://dev.kuyichang.com
放在垃圾服务器上面的:http://www.kuyichang.com
两个地址都非常慢,无法忍受的慢,所以如果不是非常感兴趣,恐怕你是和它无缘了。
tips:挂代理速度还是可以的
既然如此,先挂几张图吧
电影
故事
照片
一言
说点
简单介绍一下这个小破站 - 哭一场(kuyichang):
包括电影、故事、照片、一言、说点五个板块,内容核心就是两个字:“催泪”,网站定位是帮憋屈的你哭出来,让你哼着歌进去,喊着娘出来。
电影数据来自豆瓣
故事、照片、一言来自网络收集
说点里面的诗词API来自https://www.jinrishici.com/
有一个切换天气的功能,使用动画实现,事实证明大量控件的rebuild会干死自己
需要吐槽的地方:
debug是真难用
图片上面不能盖一层颜色(纯色或渐变)
build的js太大了
多控件rebuild还是卡的
总体感受:
确实能很真切地感受到web端的不成熟,很多交互和布局都是移动端的模式,硬用在web上来感觉有些别扭。
不得不夸赞的地方是,dart用得很舒服,继承了传统语言的优点,又具有现代语言的优雅高效。
刚开始对于widget的嵌套很不适应,但慢慢地你就明白了,其实它也促使你更细化地分离组件,对于flutter的widget树rebuild机制来说,组件颗粒度是越小越好的。
flutter在web上的渲染还能接受,之所以不想用flutter写移动端,首要原因就是在移动端的渲染和原生在视觉上还是有很大差距。
建了个微信圈子,欢迎对产品有实践兴趣的同学加入,一起来玩呀
用技术来做个小产品吧
写于2020-1-15
发表评论 (审核通过后显示评论):