SmoothRatingBar 开源项目教程

最新推荐文章于 2024-08-31 09:30:02 发布

黎杉娜Torrent

最新推荐文章于 2024-08-31 09:30:02 发布

阅读量245

点赞数 4

本文链接：https://blog.csdn.net/gitblog_00032/article/details/141212249

版权

SmoothRatingBar 开源项目教程

smoothratingbarA Smooth rating bar项目地址:https://gitcode.com/gh_mirrors/smo/smoothratingbar

项目介绍

SmoothRatingBar 是一个用于 Flutter 的开源插件，旨在创建一个带有自定义 SVG 图标的平滑评分条。该项目支持 Android、iOS、Linux、macOS、Web 和 Windows 平台。SmoothRatingBar 允许开发者设置自己的设计作为评分图标，并为其着色。

项目快速启动

安装

首先，在 pubspec.yaml 文件中添加 smooth_rating_bar 作为依赖：

dependencies:
  smooth_rating_bar: ^0.0.3

然后，在项目中添加所需的 SVG 图标文件到 assets 目录，并在 pubspec.yaml 中声明这些文件：

assets:
  - assets/star/star.svg
  - assets/star/star_half.svg
  - assets/star/star_border.svg
  - assets/star/star_empty_gray.svg

使用示例

以下是一个简单的使用示例：

import 'package:flutter/material.dart';
import 'package:smooth_rating_bar/smooth_rating_bar.dart';

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

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Smooth Rating Bar Example')),
        body: Center(
          child: SmoothRatingBar(
            rating: 3.0,
            starSize: 50,
            starCount: 5,
            color: Colors.yellow,
            borderColor: Colors.yellow,
            starPadding: const EdgeInsets.symmetric(horizontal: 7),
            onRatingCallback: (value) {
              print('Rating changed to $value');
            },
          ),
        ),
      ),
    );
  }
}