Flutter 这个评分组件用起来真香

news2024/11/18 2:57:36

前言

在很多应用中,我们都需要收集用户的评分,比如商品满意度、配送满意度、应用使用体验等等。评分组件通常会是下面这样,一般满分是5分。
普通评分组件
不过,有时候评分组件也会有一些特殊性(都怪产品的想法太多)。比如要求支持0.5分的评分,比如对不同的满意度使用不同的图标,再比如支持滑动的时候也能评分,甚至还要竖着排……这么多诉求,自己写的话还挺麻烦,但是有一个组件轻松就能够搞定,那就是 flutter_rating_bar,下面是官方的示例,可以看到完美地满足了我们上面提到的需求。本篇我们就来看一下 flutter_rating_bar 的几个典型的应用示例
flutter_rating_bar.gif

基础应用

先来看最简单的“五星好评”,这可以通过 RaingBar 实现,代码如下:

RatingBar(
  ratingWidget: 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/55143.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

vscode - vscode中使用svn插件进行提交代码

本文介绍工作中在vscode上使用svn插件进行提交代码; 前提:自己需要安装svn服务端和客户端(小乌龟) svn服务端链接:https://www.visualsvn.com/server/download/ svn客户端链接:https://tortoisesvn.net/dow…

守护安全|AIRIOT城市天然气综合管理解决方案

城市使用天然气存在安全风险和隐患,天然气管理的复杂性也比较高,依靠传统人工难以发现安全漏洞,特别是在燃气场站、管网的安全监管等方面,场站面临作业管理、区域管控等问题,管线存在第三方施工发现问题不及时、监管难…

Java实战-用Java mail实现Exchange发邮件给你喜欢的人

目录1. 官方指导文章2. 需要用到com.microsoft.ews-java-api2.1 maven中添加2.2 gradle中添加3. 完整代码:新建一个MailUtil.java类:如何用java mail 实现Exchange发邮件的功能 1. 官方指导文章 官方文章:https://github.com/OfficeDev/ews…

设计模式(下)

四、行为型模式 4.1 模板方法模式 4.1.1 概述 在面向对象程序设计过程中,程序员常常会遇到这种情况:设计一个系统时知道了算法所需的关键步骤,而且确定了这些步骤的执行顺序,但某些步骤的具体实现还未知,或者说某些…

swin Transformer

文章目录swin Transformer创新点:网络架构:Patch Partitionlinear EmbeddingSwin TransformerPatch Merging总结swin Transformer 论文:https://arxiv.org/pdf/2103.14030.pdf 代码:https://github.com/microsoft/Swin-Transfor…

基于FDB方法的供给需求优化算法改进——基于工程设计问题的综合研究

👨‍🎓个人主页:研学社的博客 💥💥💞💞欢迎来到本博客❤️❤️💥💥 🏆博主优势:🌞🌞🌞博客内容尽量做到思维缜…

校园网页设计成品 学校班级网页制作模板 dreamweaver网页作业 简单网页课程成品 大学生静态HTML网页源码

🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (10…

ArangoDB简单入门

一、安装与启动 1、进入到某个目录 cd /home/neunhoef/ 2 获取包 wget https://download.arangodb.com/arangodb34/Community/Linux/arangodb3-linux-3.4.1.tar.gz 3、解压 tar xzvf arangodb3-linux-3.4.1.tar.gz 4、将使用的命令放到path中 export PATH"/home/neunhoef…

Ajax学习:原生jsonp实践

输入内容:丧失焦点 向服务器发送请求 对用户名做是否存在的检测 并且改变框的颜色 服务端: const {json } require(express); const express require(express)const app express(); app.get(/home, function(requset, response) {//设置响应头 名称…

分布式全局唯一ID (学习总结---从入门到深化)

目录 分布式全局唯一ID 何为 ID 为什么需要分布式ID 分布式全局唯一ID解决方案 UUID 依靠数据库自增字段生成 号段模式 Redis自增key方案 雪花算法(SnowFlake) 分布式全局唯一ID_什么是雪花算法SonwFlake 雪花算法作用 SnowFlake算法优点 SnowFlake…

【flutter-mobx】Flutter 状态管理- 使用 MobX实现计数器

实践flutter mobx: 提示:对下面这篇掘金文章的实践,通过flutter结合 mobx 实现计数器,过程中也添加了一些处理和注释,代码放在feat/mobx下 https://juejin.cn/post/6954523549386162213 https://github.com/ThinkerW…

论算法是如何优化的:四数之和

论算法是如何优化的:四数之和 心路历程 闲来无事,刷刷力扣,突然看到一道题目叫做四数之和,难度中等,心想,这不就是我大显身手的时候了吗???我直接就是一个点击进入&…

2022 CMU15-445 Project 1 Buffer Pool

通过截图 Task #1 - Extendible Hash Table 该 task 的知识点名为 可扩展动态散列 https://cloud.tencent.com/developer/article/1020586 这个部分要实现一个 extendible 哈希表,内部不可以用 built-in 的哈希表,比如 unordered_map。这个哈希表在 Buf…

Open-Dis的C++版本编译(CMake-gpu 3.21.4)以及SDL2和SDL_net库的配置使用

目录Open-DisOpen-Dis简介分布式交互仿真更多资料Open-Dis下载CMake编译教程SDL2和SDL_netSDL介绍下载SDL配置SDL2下载SDL_net配置SDL_net工程编译Open-DisOpen-Dis Open-Dis简介 Dis是国防部,北约和联合国实时/虚拟世界建模和仿真中使用最广泛的协议之一。 Open-…

关于二进制

关于二进制 读《程序是怎样跑起来的》 用二进制表示计算机信息的原因 计算机内部是由IC(集成电路)这种电子部件构成的。CPU和内存也是IC的一种,IC有几种不同的形状,有的像一条黑色的蜈蚣,在其两侧有数个乃至数百个引脚…

智慧水务:数字孪生污水处理厂,3D可视化一键管控

近年来,智慧水务、数字水务成为水务行业的热点领域。对于污水处理领域,如何贯彻落实双碳战略,积极推进智慧水厂建设,显得尤为关键。 可视化技术结合视频融合、BIM、5G、物联网、云计算及大数据等先进技术,围绕水质达标…

用DIV+CSS技术制作个人博客网站(web前端网页制作课期末作业)

🎉精彩专栏推荐 💭文末获取联系 ✍️ 作者简介: 一个热爱把逻辑思维转变为代码的技术博主 💂 作者主页: 【主页——🚀获取更多优质源码】 🎓 web前端期末大作业: 【📚毕设项目精品实战案例 (10…

【Docker】搭建MySQL主从复制,详细的图文展示

Docker是基于Go语言实现的云开源项目。Docker的主要目标是**“Build,Ship and Run Any App,Anywhere”**。也就是通过对应用组件的封装、分发、部署、运行等生命周期的管理,使用户的APP(可以是一个WEB应用或数据库应用等等)及其运…

[附源码]JAVA毕业设计计算机散件报价系统(系统+LW)

[附源码]JAVA毕业设计计算机散件报价系统(系统LW) 目运行 环境项配置: Jdk1.8 Tomcat8.5 Mysql HBuilderX(Webstorm也行) Eclispe(IntelliJ IDEA,Eclispe,MyEclispe,Sts都支持)。 项目技…

技巧 | Python绘制2022年卡塔尔世界杯决赛圈预测图

文章目录🏳️‍🌈 1. 世界杯三十二强🏳️‍🌈 2. 世界杯十六强🏳️‍🌈 3. 世界杯八强🏳️‍🌈 4. 世界杯四强🏳️‍🌈 5. 决赛圈🏳️‍&#x1f…