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),
    );
  }
}
相关推荐
2601_949543016 小时前
Flutter for OpenHarmony垃圾分类指南App实战:政策法规实现
大数据·flutter
一起养小猫6 小时前
Flutter for OpenHarmony 实战:从零开发一款五子棋游戏
android·前端·javascript·flutter·游戏·harmonyos
一起养小猫6 小时前
Flutter for OpenHarmony 实战:天气预报应用UI设计与主题切换
jvm·数据库·spring·flutter·ui·harmonyos
晚霞的不甘6 小时前
Flutter for OpenHarmony全面升级「今日运势」 应用的视觉与交互革新
前端·学习·flutter·前端框架·交互
向哆哆6 小时前
高校四六级报名系统通知公告模块实战:基于 Flutter × OpenHarmony 跨端开发
flutter·开源·鸿蒙·openharmony·开源鸿蒙
晚霞的不甘7 小时前
Flutter for OpenHarmony智能穿搭推荐:构建一个实用又美观的个性化衣橱助手
前端·经验分享·flutter·ui·前端框架
子春一7 小时前
Flutter for OpenHarmony:构建一个 Flutter 速记本应用,深入解析可编辑列表、滑动删除与实时笔记管理
笔记·flutter
2501_944396197 小时前
Flutter for OpenHarmony 视力保护提醒App实战 - fl_chart图表库使用
flutter·信息可视化
不爱吃糖的程序媛7 小时前
2026年鸿蒙跨平台开发:Flutter、React Native 及其他框架前瞻
flutter·react native·harmonyos
一起养小猫7 小时前
Flutter for OpenHarmony 实战:网络请求与JSON解析完全指南
网络·jvm·spring·flutter·json·harmonyos