news 2026/5/16 8:18:11

Flutter for OpenHarmony 第三方库实战:使用 flutter_rating_bar 构建图书评分推荐应用

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
Flutter for OpenHarmony 第三方库实战:使用 flutter_rating_bar 构建图书评分推荐应用

欢迎加入开源鸿蒙跨平台社区:
https://openharmonycrossplatform.csdn.net


项目效果

本文实现的是一个基于 Flutter for OpenHarmony 的图书评分推荐应用。项目中使用 Flutter 第三方库flutter_rating_bar实现星级评分功能,用于展示图书评分、用户打分、收藏状态和阅读推荐信息。

最终运行效果如下:



页面主要包含以下内容:

  • 顶部标题栏;
  • 图书评分概览卡片;
  • 图书分类筛选按钮;
  • 图书推荐列表;
  • 可交互星级评分组件;
  • 只读评分展示组件;
  • 当前选中图书详情;
  • 收藏和已读状态切换;
  • 第三方库使用说明;
  • 页面整体采用 Flutter Material 风格布局。

本文重点是演示如何在 Flutter for OpenHarmony 项目中使用 Flutter 第三方库flutter_rating_bar。项目代码写在lib/main.dart中,依赖配置写在pubspec.yaml中,符合 Flutter for OpenHarmony 第三方库实践方向。


前言

在移动应用开发中,评分功能非常常见。比如图书推荐、电影评价、课程反馈、商品评论、音乐评分、餐厅评价等场景,都需要让用户通过星级组件表达评价。

如果只用文字显示“评分 4.5”,虽然能表达信息,但交互感比较弱。星级评分组件可以让用户更直观地理解评分高低,也可以直接点击星星完成评分操作。

如果自己用 Flutter 原生组件手写评分功能,需要处理点击区域、半星评分、图标状态、评分回调、只读展示等逻辑。为了几颗星星写一堆状态判断,听起来很勤奋,也很像人类在主动给自己制造麻烦。

因此本文选择使用 Flutter 第三方库flutter_rating_bar来实现评分功能。它可以快速构建可交互评分条和只读评分指示器,适合用于 Flutter for OpenHarmony 项目中的评价类页面。

本项目以“图书评分推荐应用”为例,使用flutter_rating_bar实现图书打分、评分展示、分类筛选、收藏和已读状态管理。


一、项目目标

本次实践主要实现以下目标:

  • 创建 Flutter for OpenHarmony 项目;
  • pubspec.yaml中添加第三方库flutter_rating_bar
  • 使用flutter pub get获取依赖;
  • lib/main.dart中引入flutter_rating_bar
    -[object Object]
版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/5/16 8:18:09

千问 LeetCode 2354.优质数对的数目 Python3实现

这道题的核心在于一个巧妙的位运算性质转换,理解了它,代码就很简单了。核心性质: 对于任意两个数 num1 和 num2,(num1 & num2) 和 (num1 | num2) 的二进制中 1 的个数之和,等于 num1 和 num2 各自二进制中 1 的个…

作者头像 李华
网站建设 2026/5/16 8:14:36

RePKG终极指南:如何深度解析Wallpaper Engine资源包与TEX纹理转换

RePKG终极指南:如何深度解析Wallpaper Engine资源包与TEX纹理转换 【免费下载链接】repkg Wallpaper engine PKG extractor/TEX to image converter 项目地址: https://gitcode.com/gh_mirrors/re/repkg RePKG是一款专为Wallpaper Engine设计的专业级资源包解…

作者头像 李华
网站建设 2026/5/16 8:13:05

AI操控电脑:open-computer-use项目原理、部署与实战指南

1. 项目概述:当AI学会“使用”你的电脑 最近在AI圈子里,一个名为“open-computer-use”的项目引起了我的注意。简单来说,它让AI模型(比如GPT-4o、Claude 3.5 Sonnet)能够像真人一样,通过视觉和键盘鼠标操作…

作者头像 李华
网站建设 2026/5/16 8:06:18

硅光可编程处理器突破AI计算瓶颈

1. 硅光可编程处理器技术背景与核心价值 在AI计算集群面临算力瓶颈的当下,硅光子技术正成为突破传统电子计算限制的关键路径。当前主流AI计算中心普遍采用数万至数十万张GPU构建的集群系统,但受限于摩尔定律放缓与冯诺依曼架构瓶颈,电子芯片在…

作者头像 李华
网站建设 2026/5/16 8:06:06

AgentGym:构建标准化AI智能体训练与评估平台的实践指南

1. 项目概述:当AI智能体走进“健身房”最近在开源社区里,一个名为“AgentGym”的项目引起了我的注意。它来自开发者WooooDyy,名字起得很有意思——“智能体健身房”。这可不是让AI去举铁跑步,而是为那些基于大语言模型的智能体提供…

作者头像 李华
网站建设 2026/5/16 8:06:05

基于知识图谱与NLP技术的小说文本结构化分析实战

1. 项目概述:当小说遇见知识图谱 如果你和我一样,既是个技术爱好者,又是个小说迷,那你肯定有过这样的体验:读完一本情节复杂、人物关系盘根错节的小说后,合上书页,脑子里却一团乱麻。谁是谁的盟…

作者头像 李华