Flutter评分插件flutter_rating_null_safe的使用

一个用于以美观方式展示评分的Flutter插件。它高度可定制且易于使用。该插件受到Flutter Rating的启发，但后者目前未启用null安全且维护者不再更新该包。

注意：此插件仍在开发中，任何想为该项目做贡献的人都非常欢迎。如果您有任何想法或建议，请随时联系我。

特性

• ✅ 支持null安全
• ✅ 易于使用
• ✅ 高度可定制
• ✅ 同时支持Android和iOS
• ✅ 同时支持水平和垂直方向
• ✅ 同时支持全星和半星评分

开始使用

你只需要在pubspec.yaml文件中添加依赖项。

dependencies:
  flutter:
    sdk: flutter
  flutter_rating_null_safe: ^0.0.3

使用方法

在你的Dart代码中添加以下导入：

import 'package:flutter_rating_null_safe/flutter_rating_null_safe.dart';

然后只需使用以下代码：

FlutterRatings(
  rating: 3.5,
  starCount: 5,
  borderColor: Colors.grey,
  color: Colors.amber,
  allowHalfRating: true,
  size: 20,
  mainAxisAlignment: MainAxisAlignment.center,
  onRatingChanged: (rating) {
    print(rating);
  },
),

示例代码

下面是完整的示例代码，展示了如何在应用中使用flutter_rating_null_safe插件。

import 'package:flutter/material.dart';
// ignore: depend_on_referenced_packages
import 'package:flutter_rating_null_safe/flutter_rating_null_safe.dart';

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

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Ratings',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: const MyHomePage(title: 'Flutter Ratings'),
    );
  }
}

class MyHomePage extends StatefulWidget {
  const MyHomePage({super.key, required this.title});
  final String title;

  [@override](/user/override)
  State<MyHomePage> createState() => _MyHomePageState();
}

class _MyHomePageState extends State<MyHomePage> {
  double appRating = 3.5;

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text(widget.title),
      ),
      body: Column(
        mainAxisAlignment: MainAxisAlignment.center,
        crossAxisAlignment: CrossAxisAlignment.center,
        children: [
          Text(
            'App Rating: $appRating',
            style: const TextStyle(
              fontSize: 30,
            ),
          ),
          const SizedBox(height: 30),
          FlutterRating(
            size: 40,
            starCount: 5,
            rating: appRating,
            allowHalfRating: true,
            color: Colors.amber,
            borderColor: Colors.grey,
            mainAxisAlignment: MainAxisAlignment.center,
            onRatingChanged: (double rating) {
              setState(() {
                appRating = rating;
              });
            },
          ),
        ],
      ),
    );
  }
}