Flutter数字计数器插件number_ticker的使用

number_ticker 是一个 Dart 包，提供了类似于 Robinhood 的数字计数器小部件，用于显示变化的数字。

使用

以下是一个简单的示例，展示如何在 Flutter 应用程序中使用 number_ticker 插件。

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

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

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

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

class MyHomePage extends StatefulWidget {
  const MyHomePage({Key? key}) : super(key: key);

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

class _MyHomePageState extends State<MyHomePage> {
  final controller = NumberTickerController();

  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("数字计数器Demo"),
      ),
      body: ListView(
        children: [
          // 显示初始值为123的数字计数器
          NumberTicker(
            controller: controller,
            initialNumber: 123,
            textStyle: const TextStyle(fontSize: 24),
          ),
          Row(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              // 减少数字按钮
              ElevatedButton(
                onPressed: () {
                  controller.number = controller.number - 1;
                },
                child: const Text('-'),
              ),
              // 增加数字按钮
              ElevatedButton(
                onPressed: () {
                  controller.number = controller.number + 1;
                },
                child: const Text('+'),
              ),
              // 减少10的按钮
              ElevatedButton(
                onPressed: () {
                  controller.number = controller.number - 10;
                },
                child: const Text('- 10'),
              ),
              // 增加10的按钮
              ElevatedButton(
                onPressed: () {
                  controller.number = controller.number + 10;
                },
                child: const Text('+ 10'),
              ),
            ],
          ),
        ],
      ), // 这个尾随的逗号使构建方法更易于自动格式化
    );
  }
}