Flutter 学习成果分享:我写了个小说阅读 App

发布于 1周前 作者 h691938207 来自 Flutter

本人专职前端,移动端入门小白,重度小说阅读者。

起初是在微信小程序上开发了 [公羊阅读] 的小说小程序,由于是个人开发者,后面审核越来越严格,即便做了优化也无法审核通过。

据了解,Android 上发布应用貌似没那么严格,于是就想整原生 app,用 Flutter 开发,目前已发布 1.1.0-beta.1 版本,将小程序功能平移了过来。

有阅读需求的可以下载 Apk 自行安装,目前只发布了 Android 的应用; https://github.com/py-novel/client_mobile_flutter/releases/tag/1.1.0-beta.1

欢迎反馈 Bug 或者提新需求: https://github.com/py-novel/client_mobile_flutter/issues


Flutter 学习成果分享:我写了个小说阅读 App

更多关于Flutter 学习成果分享:我写了个小说阅读 App的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html

10 回复

能讲讲 flutter 小说分页的思路吗

更多关于Flutter 学习成果分享:我写了个小说阅读 App的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html




小说内容都不存库,库里只存用户当前阅读小说当前章节的 url,阅读时,临时根据 url 去目标网站爬取章节标题、章节内容、上一章 url、下一章 url 等数据。

至于章节分页,假设一篇小说有 3000 章节,我定义了大分页和小分页的概念。

大分页是一个两列数行的表格,每个单元格内容如 1-100、101-200、201-300 这样子;

比如大分页选择了 101-200 这个单元格,小分页即显示 101-200 这 100 条数据,小分页最多只显示 100 条数据,这样页面不会卡顿。

说起来比较苦涩,可以安装 apk 看看阅读页面,看原理的话可以看源码 lib/components/ChapterDrawer.dart 文件。

你这个 logo 明明是母羊 [:手动滑稽]

使用体验很流畅,但是貌似没有记录离开阅读的位置。

好哒,感谢

logo 是在网上找的图片,我不太熟悉 logo 设计,这块给耽搁了。(手动滑稽)

只会记录当前阅读的那一章节,至于这一章节的滚动条位置确实没有做,不过是个好主意,实现起来也有思路,加入待办事项了。

文本渲染是怎么处理的?

用的第三方库 flutter_html

很高兴看到你分享了Flutter的学习成果,开发一个小说阅读App是一个非常实用且具有挑战性的项目。以下是对你成果的几点专业反馈和建议:

  1. 界面设计:Flutter以其强大的UI组件库和跨平台能力著称。你可以考虑进一步优化阅读界面的布局,比如调整字体大小、颜色、行间距等,以提升阅读体验。同时,确保App在不同设备和屏幕尺寸上的适配性。

  2. 性能优化:小说阅读App通常需要加载大量文本数据,因此性能优化至关重要。你可以考虑使用分页加载、懒加载等技术来减少内存占用和提升加载速度。此外,优化图片和多媒体资源的加载也能显著提升用户体验。

  3. 功能扩展:除了基本的阅读功能外,你还可以考虑增加一些实用的功能,如书签管理、阅读进度同步、夜间模式等。这些功能能够大大提升App的实用性和用户粘性。

  4. 稳定性与安全性:确保App的稳定性至关重要,避免出现崩溃或卡顿现象。同时,注重用户数据的安全性,合理处理用户隐私信息。

  5. 用户反馈与迭代:最后,不要忽视用户反馈的重要性。通过收集用户反馈,你可以了解App在实际使用中的问题和不足之处,从而进行有针对性的改进和迭代。

总之,你的Flutter学习成果令人印象深刻,期待你在未来的开发中能够不断进步,为用户带来更加优质的小说阅读体验。

回到顶部