flutter星星评价组件

功能简介

  1. 支持整星, 半星 任意星.
  2. 支持点击&拖动调整, 可设置最低分.
  3. 支持自定义星星图片, 大小, 间距, 数量.
  4. 支持选择使用"进一法(默认)"或"四舍五入法(取最近值)"取最终值.
  5. 支持pub导入, 往下看.

效果展示

  1. 简书不显示gif动图, 可下载demo直接运行, GitHub传送门.
  2. 如遇到Could not build the application for the simulator.请先使用flutter clean清空缓存.


    效果图.jpeg

pub

// 集成
dependencies:
  ff_stars: ^1.0.0

// 引入
import 'package:ff_stars/ff_stars.dart';

使用方法


FFStars(
  normalStar: Image.asset("assets/未选中.png"),
  selectedStar: Image.asset("assets/选中.png"),
  starsChanged: (realStars, choosedStars) {
    print("实际选择: ${choosedStars}, 最终得分: ${realStars}");
  },
  step: 0.01,/// 用于设置半星(0.5), 整星(1.0), 任意星(0.01), 可在0.01 - 1.0之间自定义, 默认值为0.01
  defaultStars: 4.3,/// 默认有几颗星星, 默认值为0
  // starCount: 5,/// 一共有几颗星, 默认值5
  // starHeight: 40,/// 星星的高度, 默认30
  // starWidth: 40,/// 星星的宽度,默认30
  // starMargin: 20,/// 星星间的间距, 默认10
  // justShow: true,/// 是否仅做展示, 默认false
  // rounded: true,/// 四舍五入-取最近值, 默认false(进一法)
  // followChange: true,/// 实时回调, 默认false(动作结束后回调结果)
),
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容