Flutter 评价星星组件

最新推荐文章于 2025-09-02 00:00:34 发布

原创最新推荐文章于 2025-09-02 00:00:34 发布 · 1.6k 阅读

收录于

Flutter 专栏收录该内容

16 篇文章 ¥19.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Flutter中创建和使用star_rating.dart组件，详细展示了在main.dart文件中应用该组件的方法，帮助开发者实现用户评价星星的功能。

评价星星组件：star_rating.dart（资料）

import 'package:flutter/material.dart';

/**
 * 使用方法：
 * StarRating(
    rating: 1.5,
    maxRating: 5.0
    size: 30,
    count: 5,
    ),
 */

/// 评分星星
class StarRating extends StatefulWidget {
  final double rating; // 评分值
  final double maxRating; // 最大评分值
  final Widget unselectedImage; // 没有选中图片
  final Widget selectedImage; // 选中图片
  final int count; // 星星个数
  final double size; // 星星大小
  final Color unselectedColor; // 没有选中的颜色
  final Color selectedColor; // 选中颜色

  StarRating({
    @required this.rating,
    this.maxRating = 10,
    this.size = 20,
    this.unselectedColor = const Color(0xffbbbbbb),
    this.selectedColor = const Color(0xffe0aa46

了解本专栏