Flutter中如何实现0000格式的数值显示？（恐龙游戏场景）

首先先修正你代码里的几个关键错误：

• 变量拼写错误：doubl应为double，intialScore应为initialScore（拼写错误）
• 赋值逻辑错误：initalScore == initalScore++;用了比较运算符==，正确写法是initialScore++;或initialScore += 1;
• 初始值无需写0000，数值本身就是0，格式化是显示层面的操作

实现5位前导零的分数显示（两种常用方法） #

方法一：用字符串padLeft（无需额外依赖）

把分数转为整数后，通过padLeft方法在左侧补0，确保总长度为5位，直接在Text组件中使用即可：

Text(
  initialScore.toInt().toString().padLeft(5, '0'),
  style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold),
)

解释：padLeft(5, '0')会自动判断字符串长度，不足5位时在左侧填充0——比如分数是5就变成00005，分数是123就变成00123。

方法二：使用intl包的NumberFormat（适合复杂格式化场景）

如果需要更灵活的数值格式化，可以添加intl依赖到pubspec.yaml：

dependencies:
  flutter:
    sdk: flutter
  intl: ^0.18.1

导入包后使用：

import 'package:intl/intl.dart';

// 组件中使用
Text(
  NumberFormat('00000').format(initialScore.toInt()),
  style: TextStyle(fontSize: 28, fontWeight: FontWeight.bold),
)

完整修正后的示例代码 #

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

class DinoGame extends StatefulWidget {
  const DinoGame({super.key});

  @override
  State<DinoGame> createState() => _DinoGameState();
}

class _DinoGameState extends State<DinoGame> {
  // 建议用int类型存分数，避免浮点数精度问题
  int initialScore = 0;
  Timer? scoreTimer;

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

  void calculatingScore() {
    scoreTimer = Timer.periodic(const Duration(milliseconds: 3000), (timer) {
      setState(() {
        initialScore++;
      });
    });
  }

  @override
  void dispose() {
    // 页面销毁时取消定时器，防止内存泄漏
    scoreTimer?.cancel();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: Text(
          initialScore.toString().padLeft(5, '0'),
          style: const TextStyle(fontSize: 32, fontWeight: FontWeight.bold),
        ),
      ),
    );
  }
}

内容的提问来源于stack exchange，提问作者DAni M