https://saucewu.github.io/tags/layout/Recent content in Layout on Website of SauceWuHugo -- gohugo.iozhThu, 23 Oct 2025 19:20:00 +0000https://saucewu.github.io/posts/flutter-%E9%94%AE%E7%9B%98%E5%BC%B9%E8%B5%B7%E4%B8%8D%E6%B5%81%E7%95%85%E7%9A%84%E6%A0%B9%E5%9B%A0%E4%B8%8E%E4%BC%98%E5%8C%96%E6%96%B9%E6%A1%88/Thu, 23 Oct 2025 19:20:00 +0000https://saucewu.github.io/posts/flutter-%E9%94%AE%E7%9B%98%E5%BC%B9%E8%B5%B7%E4%B8%8D%E6%B5%81%E7%95%85%E7%9A%84%E6%A0%B9%E5%9B%A0%E4%B8%8E%E4%BC%98%E5%8C%96%E6%96%B9%E6%A1%88/<h1 id="flutter-键盘弹起不流畅的根因与优化方案">Flutter 键盘弹起不流畅的根因与优化方案</h1> <h2 id="目录">目录</h2> <ul> <li>一、现象：为什么总感觉“不顺”</li> <li>二、根因 1：Flutter 响应的是 Insets 变化，不是系统级联动动画</li> <li>三、根因 2：键盘一弹，往往整棵页面都在重排</li> <li>四、根因 3：默认方案优先保证“别挡住”，不保证“像原生一样丝滑”</li> <li>五、几个最常见的踩坑场景</li> <li>六、优化思路：不要让整页跟着键盘一起动</li> <li>七、几种常见实现方案</li> <li>八、一个更稳的实战建议</li> <li>九、总结</li> </ul> <h2 id="一现象为什么总感觉不顺">一、现象：为什么总感觉“不顺”</h2> <p>很多 Flutter 开发者都遇到过这个问题：</p> <ul> <li>输入框获取焦点时，页面像被突然“顶”了一下</li> <li>底部输入栏和键盘不是一起上来的，而是分两拍</li> <li>列表先跳一下，输入框再动一下</li> <li>iOS 上尤其明显，总觉得没有原生页面跟键盘联动得自然</li> </ul> <p>功能上看，它通常是对的：</p>