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),
    );
  }
}
相关推荐
AiFlutter9 小时前
Flutter之Package教程
flutter
Mingyueyixi13 小时前
Flutter Spacer引发的The ParentDataWidget Expanded(flex: 1) 惨案
前端·flutter
crasowas21 小时前
Flutter问题记录 - 适配Xcode 16和iOS 18
flutter·ios·xcode
老田低代码2 天前
Dart自从引入null check后写Flutter App总有一种难受的感觉
前端·flutter
AiFlutter2 天前
Flutter Web首次加载时添加动画
前端·flutter
ZemanZhang4 天前
Flutter启动无法运行热重载
flutter
AiFlutter4 天前
Flutter-底部选择弹窗(showModalBottomSheet)
flutter
帅次4 天前
Android Studio:驱动高效开发的全方位智能平台
android·ide·flutter·kotlin·gradle·android studio·android jetpack
程序者王大川4 天前
【前端】Flutter vs uni-app:性能对比分析
前端·flutter·uni-app·安卓·全栈·性能分析·原生
yang2952423614 天前
使用 Vue.js 将数据对象的值放入另一个数据对象中
前端·vue.js·flutter