先看翻车名场面

如图所示，聊天页面大致结构：标题栏+会话列表+聊天输入框。

在正常输入编辑交互场景中，键盘弹起时标题栏应保持固定，其它跟随自适应顶起，然而“早期”鸿蒙中，它的表现相当逆天，直接把标题栏给顶没了。

众所周知，我的《仿微信APP》项目早期是基于API 9的，没有相关api解决此类问题，不少童鞋也在后台私信反馈该问题，给我愁坏了。

然而终于等来了春天，API 10加入了一套避让机制，可以借用其中的expandSafeArea来解决问题：

Toolbar({ title: this.name })
    ...... 忽略代码 ......
    .expandSafeArea([SafeAreaType.KEYBOARD]) // 关键代码1，核心
    .zIndex(999) // 关键代码2，可选
    .backgroundColor("#f1f1f1") // 关键代码3，可选

代码解析

  1. expandSafeArea([SafeAreaType.KEYBOARD]) 可以让Toolbar规避键盘弹起带来的布局变动，即固定不动
  2. zIndex() 为了Toolbar处于布局顶层，防止“顶起”时被其它组件覆盖，设置的数值随意，合适就行
  3. backgroundColor()设置标题栏背景色，不设置则背景透明，“顶起”时叠加显示其它组件，极为酸爽

接下来看效果吧

需要鸿蒙微信源码的童鞋可跟进 《鸿蒙(HarmonyOS NEXT)版微信APP》文章获取。

# harmonyos
Logo
HarmonyOS开发者社区

讨论HarmonyOS开发技术，专注于API与组件、DevEco Studio、测试、元服务和应用上架分发等。

更多推荐

Flutter 框架跨平台鸿蒙开发 - 打造一款精美的手机日历应用

本文从零开始，实现了一款功能完善的Flutter日历应用。日期计算：月份天数、星期计算、闰年判断网格布局：GridView实现7×6日历网格状态管理：日期选择、月份切换、日程数据交互设计：滚轮选择器、添加对话框、颜色标签视觉设计：今日高亮、周末标红、节日显示日历看似简单，实则涉及不少细节。希望这篇文章能帮你理解日历应用的开发思路，也欢迎在此基础上继续扩展更多功能！📅 完整源码已上传，欢迎Star

avatar HarmonyOS开发者社区

鸿蒙中 内存泄漏检测

摘要：本文详细介绍了HarmonyOS系统中的资源泄漏检测机制及分析方法。系统通过周期性采样监控句柄、线程、内存等资源使用情况，当超过预设阈值时触发泄漏检测并生成详细日志。文章重点解析了四种泄漏类型（句柄/线程/JS/Native内存）的触发条件、日志文件关键信息及分析方法，并提供了三种日志获取方式（测试工具/开发工具/事件订阅）。同时说明了版本差异、自定义阈值设置等注意事项，最后强调该机制实现了

avatar HarmonyOS开发者社区

Flutter 框架跨平台鸿蒙开发 - 开发双人对战五子棋游戏

算法难度特点随机落子⭐最简单，随机选择空位评分函数⭐⭐对每个位置打分，选最高分极小化极大⭐⭐⭐博弈树搜索，考虑对手反应Alpha-Beta剪枝⭐⭐⭐⭐优化搜索，减少计算量蒙特卡洛树搜索⭐⭐⭐⭐⭐随机模拟，适合复杂局面棋盘绘制：CustomPainter绘制网格和星位胜负判定：四方向搜索算法，O(1)复杂度状态管理：棋盘数据、玩家切换、历史记录交互设计：落子、悔棋、重开、高亮显示视觉效果：渐变棋子、

avatar HarmonyOS开发者社区