Flutter :如何在没有评级操作的情况下实现评级栏

import 'package:flutter/material.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: Text('Static Rating Bar Example'),
        ),
        body: Center(
          child: RatingBar(
            initialRating: 3.5, // 预设评级值
            minRating: 1,
            maxRating: 5,
            step: 0.5,
            unratedColor: Colors.grey,
            selectedColor: Colors.blue,
            onRatingChanged: (rating) {
              // 这里可以留空，因为我们不需要响应用户操作
            },
          ),
        ),
      ),
    );
  }
}

class RatingBar extends StatefulWidget {
  final double initialRating;
  final double minRating;
  final double maxRating;
  final double step;
  final Color unratedColor;
  final Color selectedColor;
  final Function(double) onRatingChanged;

  RatingBar({
    Key? key,
    required this.initialRating,
    required this.minRating,
    required this.maxRating,
    required this.step,
    required this.unratedColor,
    required this.selectedColor,
    required this.onRatingChanged,
  }) : super(key: key);

  @override
  _RatingBarState createState() => _RatingBarState();
}

class _RatingBarState extends State<RatingBar> {
  double _rating = 0;

  @override
  void initState() {
    super.initState();
    _rating = widget.initialRating;
  }

  @override
  Widget build(BuildContext context) {
    return Row(
      mainAxisSize: MainAxisSize.min,
      children: List.generate(
        (widget.maxRating * 2).toInt(), // 生成足够多的星星
        (index) => Icon(
          Icons.star,
          color: index < _rating * 2 ? widget.selectedColor : widget.unratedColor,
          size: 24,
        ),
      ),
    );
  }
}