[📝] 今天这一天 #7：果然还是亲自动手最好

✨ GPT 的摘要 　

在用 FlutterFlow 实现日记功能的过程中，通过调试解决 Date Picker 和 Rich Text Editor 问题，并在实操中学到很多的一天。

🎯 目标

• ✅️ FlutterFlow Practice：添加日记功能

💭 日记

今天上午，我和同事每隔 5 分钟轮流切换 Driver / Navigator，用 FlutterFlow 做了一个日记页面。

和原本膨胀起来的期待不同，哪怕只是把一个带有简单 Date Picker 功能的 Button 的 Text，改成通过 Date Picker 选择的日期，也一点都不轻松。

怎么看 Action 和 Page State variable 都像是设置好了，可各种问题还是不断爆出来。

翻遍 documentation 和课程视频，明明感觉自己做得一模一样，却怎么也搞不懂到底为什么会这样。最后连午休时间都投入到了调试里。

然后终于解决了。

• 进入 Preview 模式后，不显示 2024-12-20，只显示 [y-M-d] 的问题。
  • 原本 FlutterFlow 的 Preview 模式里就有很多功能不会正常运行。
• 进入 Test build 模式后，冒出什么重复变量声明之类的错误，导致编译错误的问题。
  • 我一开始把要放进 Button 的 Text 里的变量名声明成了 datePicked（Page State variable）。
  • 但是我猜，FlutterFlow 默认提供的 Date Picker 所联动的变量名似乎就是 datePicked。（看到选择日期时出来的日志像 Date Picked: 2024-12-20 00:00:00 这种格式，心里就觉得不太妙。）
  • 所以把变量名改成 dateSelected 之后，就没有报错，并且按预期正常运行了。
  • 这让我觉得自己的命名品味居然和 FlutterFlow 开发者对上了，又好笑又无语。

下午，我先成功把原本只有 TextField 的日记输入区改成了 RichTextEditor（Rich Text Editor）。之后也试着把它改成 MarkdownEditor（super_editor），但 Custom Widget 的 dependency 和 super_editor 包的 dependency 发生冲突，直接展开了一场大崩溃式的调试秀，最后精神能量被彻底掏空，GG。

虽然一整天都只是在（和 GPT 一起）调试，确实很累，但果然比起一直只看课程，还是亲自动手、实际摸一摸学得更快，也更有意思。当然，如果完全没看课程，理解原因和调试大概会花更多时间吧。