bappa-CSDN博客

原创 Flutter + 开源鸿蒙实战 | 极简记账本 Day6：项目最终优化 + 鸿蒙全适配 + 项目完结总结

系列项目：极简记账本（6 天完整版）依赖库：shared_preferences（第三方本地持久化）✅ Day1：项目初始化 + 底部导航搭建✅ Day2：记账页面 + 表单校验✅ Day3：账单列表 + 本地数据读取✅ Day4：收支统计 + 数据汇总✅ Day5：个人中心 + 清空数据功能✅ Day6：全局优化 + 鸿蒙适配 + 项目完结。

2026-05-14 17:39:21 404

原创 Flutter + 开源鸿蒙实战 | 极简记账本 Day5：个人中心页面 + 一键清空所有账单功能

完成个人中心页面基础 UI 布局，头像 + 功能卡片样式简约美观；实现一键清空所有账单记录核心功能；加入弹窗二次确认，防止误删数据，交互更人性化；做到全局数据联动清空，首页、统计页自动同步空状态；代码结构规范，适配 Flutter 与开源鸿蒙运行。

2026-05-14 17:24:37 397

原创 Flutter + 开源鸿蒙实战 | 极简记账本 Day4：收支统计页面开发 + 数据汇总展示

✅ 实现统计页面 UI，包含总收入、总支出、结余三张卡片，适配鸿蒙风格✅ 完成本地账单数据读取与分类统计，自动计算收支总额与结余✅ 实现数据汇总逻辑，支持空数据场景的友好占位提示✅ 完善双端适配，保证鸿蒙与安卓端显示效果一致✅ 代码结构清晰、无冗余，为后续饼图可视化功能预留扩展接口开发个人中心页：实现数据重置 / 清空功能优化项目配置，完善用户操作反馈适配鸿蒙多端，统一全局主题与配色。

2026-05-13 21:26:10 421

原创 Flutter + 开源鸿蒙实战 | 极简记账本 Day3：读取本地账单 + 首页列表展示

✅ 实现首页账单列表 UI，包含卡片样式、收支金额颜色区分，适配鸿蒙风格✅ 完成本地数据读取，通过加载并解析历史账单✅ 用实现高性能懒加载列表，保证滑动流畅✅ 完善空状态适配，无账单时显示友好占位提示✅ 新增账单后，首页自动刷新列表，实现数据同步✅ 代码结构清晰、无冗余，可直接运行，兼容多端开发统计页：实现当月总收入 / 总支出汇总完成收支数据可视化（简易饼图 / 条形图）优化统计页布局，适配鸿蒙多端显示。

2026-05-13 20:41:14 339

原创 Flutter + 开源鸿蒙实战 | 极简记账本 Day2：记账页面开发 + 本地存储实现

✅ 完善记账页面 UI，包含输入框、收支单选、保存按钮，适配鸿蒙风格✅ 实现输入验证（非空、金额格式），避免错误数据✅ 用 shared_preferences 实现本地持久化，账单数据永久保存✅ 完善交互反馈，提示清晰、友好✅ 代码可复用、结构清晰，无冗余，可直接运行开发首页：展示当月总收入 / 总支出实现账单列表展示（读取本地数据）优化首页布局，适配鸿蒙多端显示。

2026-05-12 18:51:37 401 3

原创 Flutter + 开源鸿蒙实战 | 极简记账本 Day1：项目初始化 + 底部导航框架搭建

✅ 创建独立项目 ledger_app✅ 配置依赖（shared_preferences）✅ 搭建 4 Tab 底部导航框架✅ 四个页面骨架完成，可切换✅ 代码干净、无冗余、可直接运行记账页完善：收支选择器、金额输入、分类选择本地存储：用 shared_preferences 保存账单添加账单功能：点击保存即可写入本地。

2026-05-12 18:09:10 241

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day18｜项目收尾、代码精简与完整总结

欢迎加入开源鸿蒙跨平台社区：https://openharmonycrossplatform.csdn.net大家好，本篇是 Flutter+OpenHarmony 健康管理应用开发系列第十八篇，也是最后一篇笔记。经过Day1-Day17的逐步开发，项目已具备完整功能。今日核心任务是完成项目最终收尾：代码精简优化、冗余逻辑剔除、细节交互完善，同时梳理整套项目的开发流程、核心知识点与适配要点，形成完整的项目总结，实现项目闭环。

2026-05-10 12:20:28 417

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day17｜历史数据本地持久化与多记录存储实现

大家好，本篇是 Flutter+OpenHarmony 健康管理应用开发系列第十七篇笔记。在 Day15 引入 fl_chart 图表依赖、Day16 完成健康数据折线图绘制的基础上，今日实现多条健康数据本地持久化存储、历史记录列表展示、新增数据追加存储功能，解决原有单条数据覆盖问题，适配 OpenHarmony 鸿蒙环境稳定运行，代码可直接复制使用，与前文功能无缝衔接、不脱节。

2026-05-10 12:07:56 362

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day16｜健康数据折线图绘制

大家好，本篇是 Flutter+OpenHarmony 健康管理应用开发系列第十六篇笔记。基于 Day15 已引入fl_chart图表依赖、搭建可视化基础框架，今日完成健康数据折线图完整绘制，将身高、体重、心率数据渲染到折线图中，适配鸿蒙模拟器正常显示，保留前期所有功能不变。本篇 Day16 严格按照开发路线完成健康数据折线图完整绘制，在 Day15 可视化基础上完成 fl_chart 折线图全自定义配置，实现健康数据趋势展示，整体项目结构完整、功能迭代连贯，适配鸿蒙模拟器。

2026-05-09 19:53:42 326

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day15｜引入图表依赖，搭建数据可视化基础

大家好，本篇是 Flutter+OpenHarmony 健康管理应用开发系列第十五篇笔记。在 Day14 完成 BMI 结果页面展示与等级判断的基础上，今日引入 fl_chart 第三方图表库，完成依赖配置并搭建健康数据可视化基础框架，为后续折线图绘制做准备，代码兼容 OpenHarmony 鸿蒙系统。

2026-05-09 19:41:00 339

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day14｜添加版本关于页面、应用介绍与版本信息

大家好，本篇是 Flutter+OpenHarmony 健康管理应用开发系列第十四篇笔记。在 Day13 完成返回键退出弹窗与页面跳转动画优化基础上，今日新增关于我们版本页面，展示应用名称、版本号、功能介绍、开发说明，完善应用整体结构，适配鸿蒙模拟器正常运行，代码可直接复制使用，适合课程实训作业提交与高分自查。本篇 Day14 新增独立关于我们页面，补充应用版本、功能介绍、技术栈与开发用途说明，底部导航升级为四页面结构，整体 App 架构更加完整规范。

2026-05-08 22:17:07 329

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day13｜弹窗优雅退出应用与页面跳转动画优化

大家好，本篇是 Flutter+OpenHarmony 健康管理应用开发系列第十三篇笔记。在 Day12 完成健康数据录入时间记录与展示的基础上，今日新增物理返回键弹窗确认退出功能，同时优化页面切换过渡动画，提升应用交互质感，兼容鸿蒙模拟器正常适配，代码可直接复制运行。本篇 Day13 新增物理返回键拦截与退出确认弹窗，同时配置全局页面渐变过渡动画，提升应用交互体验与流畅度。

2026-05-08 22:11:33 326

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day12｜新增健康数据录入时间记录与展示功能

大家好，本篇是 Flutter+OpenHarmony 健康管理应用开发系列第十二篇笔记。在 Day11 完成全局 UI 美化、主题配色与卡片样式统一的基础上，今日新增健康数据录入时间记录功能，保存数据时自动获取当前系统时间并持久化存储，在首页与个人中心展示最新录入时间，适配鸿蒙模拟器正常运行，代码可直接复制使用，适合课程实训作业提交与高分自查。

2026-05-07 14:03:16 394

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day11｜全局 UI 美化、主题配色与卡片样式统一优化

大家好，本篇是 Flutter+OpenHarmony 健康管理应用开发系列第十一篇笔记。在 Day10 实现 BMI 体质指数自动计算与等级评级的基础上，今日对项目进行全局 UI 美化优化，统一全局主题配色、卡片圆角阴影、文字层级间距，规整页面布局与按钮样式，整体界面更加简洁美观，同时兼容鸿蒙模拟器正常适配，代码可直接复制运行。

2026-05-07 13:21:11 390

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day10｜实现 BMI 体质指数自动计算与等级评级

大家好，本篇是 Flutter + OpenHarmony 健康管理应用开发系列第十篇笔记。在 Day9 完成表单非空校验、数值范围限制、非法输入拦截的基础上，今天 Day10 核心任务：根据身高、体重自动计算 BMI 体质指数，并给出偏瘦、正常、超重、肥胖等级评级，实时展示计算结果。全程兼容 OpenHarmony 鸿蒙模拟器，代码可直接复制运行，结构规范，适合课程实训作业提交与高分自查。

2026-05-06 14:05:28 414

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day9｜实现表单输入合法性校验与数值范围限制功能

大家好，本篇是 Flutter + OpenHarmony 健康管理应用开发系列的第九篇笔记。在 Day8 完成一键清空本地存储、表单重置与弹窗确认的基础上，今天 Day9 核心任务为：实现健康录入表单输入合法性校验，对年龄、身高、体重、心率设置合理数值范围限制，非法输入禁止保存并给出文字提示，规避乱输入、负数、超常规数值问题。全程基于原生 Flutter 开发，兼容 OpenHarmony 鸿蒙模拟器，代码可直接复制运行，结构规范、交互完整。

2026-05-06 13:46:48 402

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day8｜实现一键清空本地存储与表单重置功能

大家好，本篇是 Flutter + OpenHarmony 健康管理应用开发系列第八篇笔记。实现一键清空本地所有健康数据、表单内容重置、弹窗确认防误操作，清空后首页、个人中心自动恢复默认「未填写」状态，健康录入表单一键清空可重新录入。全程基于原生 Flutter 开发，兼容 OpenHarmony 鸿蒙模拟器，代码可直接复制运行，结构规范、交互完整。本篇为健康管理应用 Day8 开发笔记，在原有三页面数据互通基础上，新增表单一键清空、本地存储整体清空、弹窗确认防误操作。

2026-05-05 16:04:34 358

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day7｜个人中心页面读取本地存储并完整展示健康信息

大家好，本篇是 Flutter + OpenHarmony 健康管理应用开发系列第七篇笔记。个人中心页面完整读取本地存储中的健康数据，采用与首页统一的卡片式布局展示姓名、性别、年龄、身高、体重、心率全部信息，实现健康录入、首页、个人中心三页面数据实时互通。全程基于原生 Flutter 开发，兼容 OpenHarmony 鸿蒙模拟器，代码可直接复制运行，结构规范、交互完整。本篇完整记录 Flutter 鸿蒙健康管理项目 Day7 开发全过程，成功实现个人中心页面读取本地存储并完整展示健康信息。

2026-05-05 15:37:37 434

原创 Flutter 跨平台实战：OpenHarmony 健康管理应用 Day6｜首页读取本地存储并卡片展示个人健康信息

大家好，本篇是Flutter + OpenHarmony 健康管理应用开发系列第六篇笔记。在 Day5 完成引入首页自动读取本地存储中的健康数据，采用卡片式布局优雅展示姓名、性别、年龄、身高、体重、心率等信息，同时提供手动刷新按钮，实现页面数据动态更新。全程基于原生 Flutter 开发，兼容 OpenHarmony 鸿蒙模拟器，代码可直接复制运行，结构规范、交互完整，适合课程实训作业提交与高分自查。本篇完整记录了 Flutter 鸿蒙健康管理项目 Day6 开发全过程，实现了首页利用生命周期自动读取。

2026-05-04 17:38:03 385

bappa的博客