【应用快速开发 01】3 小时做出 LogViewer:从需求到能用,日志查看效率直接拉满

62 阅读1分钟

项目介绍

logviewer.and2long.tech

项目背景

有时候不在电脑旁边,但是需要在手机上查看一下日志文件,在 AppStore 里搜索关于 Log日志查看 等相关的关键字,竟然没找到合适的能在苹果手机上使用的日志查看软件。所以决定自己动手开发一个。

项目需求

  1. 文件格式
    • 支持 .log 或者 .txt 格式。
  2. 日志级别着色
    • 不同级别日志使用不同颜色标识,直观展示日志重要程度
  3. 高级搜索过滤
    • 快速定位关键日志信息,搜索结果自动高亮显示
  4. 便捷打开方式
    • 支持从文件管理器直接打开日志文件,其他应用也可跳转至LogViewer查看日志

技术栈

  • Flutter

功能演示

logviewer功能演示.gif

支持平台

  • iOS
  • Android
  • macOS

应用商店下载

踩坑记录

  1. 跳转到指定行时非常卡顿
    • 使用 scrollable_positioned_list 库解决。
  2. Mac 端会自动显示滚动条,拖动滚动条非常卡顿
    • 禁用自带滚动条,并自定义滚动条,根据滚动条的拖动比例来动态计算当前行,在结束拖动时进行跳转行。
  3. 历史记录
    • 将打开的文件路径作为历史记录,但是 Mac 端应用重启后,文件路径无权限访问。(暂时未能解决)