Flutter intl 基础使用 逗号分割数字

intlFlutter中的一个国际化(Internationalization)库,用于处理多语言和本地化相关的功能。

intl库提供了以下主要功能:

  • 日期和时间格式化:用于将日期和时间对象格式化为不同的语言和地区的习惯样式。
  • 数字格式化:用于将数字对象格式化为不同的语言和地区的习惯样式。
  • 消息翻译:用于将文本消息翻译为不同的语言。

使用intl库,首先需要 Flutter 项目的 pubspec.yaml文件中添加依赖项:

makefile 复制代码
intl: ^0.17.0

1 日期和时间格式化:

dart 复制代码
  // 获取当前时间
  DateTime now = DateTime.now();

  // 定义一个日期时间格式
  DateFormat dateFormat = DateFormat('yyyy-MM-dd HH:mm:ss');

// 使用格式将当前时间格式化为字符串
  String formattedDateTime = dateFormat.format(now);

  debugPrint("当前时间 $now");
  debugPrint("格式化的时间 $formattedDateTime");

2. 数字格式化

常用的也就是 保留小数位数、长数字分割、百分比转换

四舍五入保留两位小数

scss 复制代码
String format = NumberFormat("###.0#").format(12.6589);
//12.66 四舍五入保留两位小数
debugPrint("format $format");

数字使用,号分割

scss 复制代码
//数字使用,号分割
String decimalPattern = NumberFormat.decimalPattern().format(1200000);
//输出 1,200,000
debugPrint("decimalPattern $decimalPattern");

数字转百分比

scss 复制代码
//数字转百分比
String decimalPercentPattern =
    NumberFormat.decimalPercentPattern().format(0.23);
//输出 23%
debugPrint("decimalPercentPattern $decimalPercentPattern");

最后分享一个小工具类

typescript 复制代码
///格式化工具类
class FormatUtil {
  ///日期格式
  static const String ymdHms = "yyyy-MM-dd HH:mm:ss";

  /// 格式化数值
  /// var f = NumberFormat("###.0#", "en_US");
  /// print(f.format(12.345));
  /// ==> 12.34
  static String formatNumber(
      {String pattern = '###.0#', dynamic number, String? locale}) {
    return NumberFormat(pattern, locale).format(number);
  }

  ///逗号分割数值
  static String decimalPattern(
      { dynamic number, String? locale}) {
    return  NumberFormat.decimalPattern(locale).format(number);
  }
  /// 格式化日期
  /// "yyyy-MM-dd HH:mm:ss"
  static String formatDate(
      {String pattern = 'yyyy-MM-dd HH:mm:ss', required DateTime date}) {
    return DateFormat(pattern).format(date);
  }

  /// 格式化毫秒日期
  /// "yyyy-MM-dd HH:mm:ss"
  static String formatMilliseconds(String pattern, int milliseconds) {
    return formatDate(
      pattern: pattern,
      date: DateTime.fromMillisecondsSinceEpoch(milliseconds),
    );
  }
}
相关推荐
明似水16 小时前
2025年Flutter初级工程师技能要求
flutter
程序猿阿伟19 小时前
《从像素到身份:Flutter如何打通社交应用人脸识别的技术闭环》
flutter
周胡杰2 天前
鸿蒙接入flutter环境变量配置windows-命令行或者手动配置-到项目的创建-运行demo项目
javascript·windows·flutter·华为·harmonyos·鸿蒙·鸿蒙系统
程序猿阿伟2 天前
《React Native与Flutter:社交应用中用户行为分析与埋点统计的深度剖析》
flutter·react native·react.js
肥肥呀呀呀2 天前
在Flutter上如何实现按钮的拖拽效果
前端·javascript·flutter
WDeLiang3 天前
Flutter - UIKit开发相关指南 - 导航
flutter·ios·dart
程序猿阿伟3 天前
《Flutter社交应用暗黑奥秘:模式适配与色彩的艺术》
前端·flutter
融云3 天前
集成指南:如何采用融云 Flutter IMKit 实现双端丝滑社交体验
flutter
EndingCoder4 天前
跨平台移动开发框架React Native和Flutter性能对比
flutter·react native·react.js
Double Point4 天前
`RotationTransition` 是 Flutter 中的一个动画组件,用于实现旋转动画效果
flutter