自学 Flutter 1 周，写了一个静态小 demo

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

• 请不要在回答技术问题时复制粘贴 AI 生成的内容

这是一个创建于 2026 天前的主题，其中的信息可能已经有所发展或是发生改变。

模仿豆瓣 app 的静态 demo，还在不断完善， https://github.com/youzhiwang/douban_flutter

Demo

静态

flutter

豆瓣

27 条回复 • 2019-06-18 15:09:16 +08:00

dingyaguang117

2019-06-11 11:01:52 +08:00

赞一个，请问 LZ 之前是做什么的

17681880207

2019-06-11 11:12:08 +08:00

@dingyaguang117 一名弱鸡 web 前端开发😁

AscenZ

2019-06-11 11:13:44 +08:00

我也来一波
学的也不久，写的 V 站客户端，还在继续写
https://github.com/AscenX/iV2EX

17681880207

2019-06-11 11:13:52 +08:00

只是想和大家分享下自己的学习过程，一点点的完善这个小 demo

17681880207

2019-06-11 11:14:12 +08:00

@AscenZ 赞！大家一起加油~

dingyaguang117

2019-06-11 11:42:06 +08:00

请问 LZ 看的什么教程

17681880207

2019-06-11 11:49:40 +08:00

@dingyaguang117
1、先自己看文档，把 dart 学会了
2、然后看下 Flutter 文档，了解各大概，然后看
http://jspang.com/
jspang.com 里面的课程免费的，而且个人觉得说的比较详细。貌似 bilibili 也有他上传的基础视频。
基础视频看完之后，他还有一个 20 个小 demo 的练习。重要的是一定要跟着敲代码。
2 套视频看下，基本就可以自己找项目开始练手了。

brust

2019-06-11 11:57:22 +08:00

Flutter 和 RN 哪个爽?

17681880207

2019-06-11 12:01:54 +08:00

@brust
前端的话，rn 更好学，毕竟是 js。
但是从最终效果来看，肯定是 flutter 好，毕竟 120 帧动画呢~亲儿子

HuHui

2019-06-11 12:04:29 +08:00 via Android

https://ruby-china.org/topics/38355
ruby china 第三方客户端，也是 flutter 写的

Mazexal

2019-06-11 12:36:15 +08:00

插眼

Mazexal

2019-06-11 12:36:50 +08:00

我最近也在学习, 不过学的很慢....

17681880207

2019-06-11 12:43:50 +08:00

@Mazexal 可以试试看上面说的那个 jspang 哦

SP00F

2019-06-11 12:47:34 +08:00

flutter 最难受的就是一直不停的嵌套嵌套嵌套嵌套嵌套嵌套嵌套。。。写到最后看懵逼了。。。

17681880207

2019-06-11 13:25:20 +08:00

@SP00F 哈哈，其实嵌套和和 vue 一样都是可以单独抽离出来~可能是因为大家都懒吧~
但是说实话，在实现同一个效果的前提下，flutter 确实更加容易嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套嵌套😁

dog

2019-06-11 13:34:52 +08:00

萌新请教一下楼主，android 编译出来可以发布的 apk 文件有多大？
之前想实现一个简单的 app 试了一下 rn 编译出来 40M+，吓得我硬啃了两天 java

17681880207

2019-06-11 13:45:51 +08:00

@dog
我知道的是同样的项目，分别在打包 ios 和 android 的时候，ios 会比 android 大一些。
而且网上也有测试：
https://juejin.im/post/5c0dd22ce51d455fc5426bb2
但是和 rn 比较的话，我还真不知道~

但是总的来说，我觉得 APP 构建的越大，后面的包的相对大小差异就越小。
大家都只有一个页面，可能一个 1M，一个 10M，但是项目很大之后，可能一个 100M，一个也就 120M，这样子~

jevirs

2019-06-11 13:47:03 +08:00

@dog 功能简单点的 demo 应该不会大于 10M

jevirs

2019-06-11 13:48:55 +08:00

@jevirs 一直在 Android 上测试，忽略了 iOS...

Joan

2019-06-11 13:57:53 +08:00

哇,http://jspang.com/ 不错谢谢,又有收获

SP00F

2019-06-11 19:05:03 +08:00

@17681880207 #15 而且写参数的时候缩进这些。导致我看着看着。。就不知道这一段的父是谁了。。。特别的各种中括号，大括号啥的。。。懵逼

17681880207

2019-06-11 20:07:23 +08:00

@SP00F 最好开发的时候，每个小组件都单独抽离出来写，这样只要在布局的时候放进去就行了，就不会有这么多嵌套了。

ChineseCabbage

2019-06-12 12:00:31 +08:00

很棒啊楼主！！！

U2Fsd

2019-06-13 13:30:11 +08:00

iOS 上好像掉帧的情况还挺明显的

17681880207

2019-06-13 13:36:14 +08:00

@U2Fsd
可能是我静态的吧，暂时不大看的出问题。等我写到后面，再看看。

U2Fsd

2019-06-13 14:08:58 +08:00

@17681880207 真机运行在 [我的] Tab 页面滚动时

qq1004108488

2019-06-18 15:09:16 +08:00

建议加上项目说明和 md 格式的文章