后端仔用Flutter踩坑实录:说好的一套代码呢

这两天在使用 Flutter 整个笔记工具,准备做 Web 和手机端。
我做为一名后端程序员,对前端和Dart一窍不通。

跟着教程和AI折腾,堆了快两万行。真到要调样式的时候,傻眼了。
想的是:改好手机端的布局,Web端应该自适应跟着好了。
实际上:手机端调舒服了,打开Web一看,排版全乱。回头修Web的样式,手机上的组件位置又不对了。两边互相拉扯,根本解不开。

我也按大家说的,用了MediaQuery区分屏幕,用LayoutBuilder搞响应式。但实际用起来,总有些细节对不上:手机上一个挺合适的列表间距,到Web大屏上就显得特别稀疏;Web上完美的按钮大小,到手机小屏上可能就点不准。

现在有点怀疑,“一套代码多端运行”是不是被过度简化了。它或许能解决基础布局和业务逻辑的复用,但到了像素级的精细适配,尤其是平台间交互习惯差异巨大的时候,好像还是得为不同平台写不少条件判断(if (Platform.isAndroid))和独立样式。

目前的感觉是,Flutter像是个很好的“最大公约数”工具,能快速出个能用的多端原型。但一旦你对任何一端的体验有较高要求,当初省下来的时间,可能最后都得在调试和适配里还回去,总不能自己搞一套组建库吧

对我这种后端思维的人来说,现在反而觉得:如果明确就是要做精品的手机App,或许一开始让AI生成两套原生代码(Kotlin + Swift),逻辑虽然要写两遍,但每一端的控制和优化路径反而更清晰,心里更踏实。

不知道有没有同样从后端转过来做Flutter的朋友,你们是怎么处理这种多端细节适配的?是真的有优雅的统一方案,还是说大家到最后都默默接受了“写点平台特定代码”的现实?