number_interpolation 是一个用于在 Flutter 中进行数字插值处理的插件。它可以帮助你在两个数字之间进行平滑的过渡，通常用于动画或数值变化的效果。以下是如何使用 number_interpolation 插件的基本步骤：

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 number_interpolation 插件的依赖：

dependencies:
  flutter:
    sdk: flutter
  number_interpolation: ^1.0.0  # 请使用最新版本

然后运行 flutter pub get 来获取依赖。

2. 导入插件

在你的 Dart 文件中导入 number_interpolation 插件：

import 'package:number_interpolation/number_interpolation.dart';

3. 使用插值器

number_interpolation 提供了 NumberInterpolation 类来进行数字插值。你可以通过指定起始值、结束值、插值因子等参数来创建一个插值器。

基本用法

void main() {
  // 创建一个插值器，从 0 到 100
  final interpolator = NumberInterpolation(start: 0, end: 100);

  // 获取插值结果，t 是插值因子，范围在 0.0 到 1.0 之间
  double value = interpolator.interpolate(0.5); // t = 0.5

  print(value); // 输出: 50.0
}

在动画中使用

你可以将插值器与 Flutter 的 AnimationController 结合使用，以实现平滑的数值变化效果。

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

class InterpolationExample extends StatefulWidget {
  @override
  _InterpolationExampleState createState() => _InterpolationExampleState();
}

class _InterpolationExampleState extends State<InterpolationExample>
    with SingleTickerProviderStateMixin {
  AnimationController _controller;
  NumberInterpolation _interpolator;

  @override
  void initState() {
    super.initState();

    // 创建动画控制器
    _controller = AnimationController(
      vsync: this,
      duration: Duration(seconds: 2),
    )..repeat(reverse: true);

    // 创建插值器，从 0 到 100
    _interpolator = NumberInterpolation(start: 0, end: 100);
  }

  @override
  void dispose() {
    _controller.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Number Interpolation Example'),
      ),
      body: Center(
        child: AnimatedBuilder(
          animation: _controller,
          builder: (context, child) {
            // 使用插值器获取当前值
            double value = _interpolator.interpolate(_controller.value);
            return Text(
              'Value: ${value.toStringAsFixed(2)}',
              style: TextStyle(fontSize: 24),
            );
          },
        ),
      ),
    );
  }
}

void main() => runApp(MaterialApp(
  home: InterpolationExample(),
));

4. 自定义插值曲线

NumberInterpolation 还允许你指定自定义的插值曲线。你可以使用 Curve 类来定义不同的插值行为。

void main() {
  // 创建一个插值器，从 0 到 100，并使用 Curves.easeInOut 曲线
  final interpolator = NumberInterpolation(
    start: 0,
    end: 100,
    curve: Curves.easeInOut,
  );

  // 获取插值结果
  double value = interpolator.interpolate(0.5); // t = 0.5

  print(value); // 输出: 50.0 (根据曲线可能会有不同的值)
}