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),
    );
  }
}
相关推荐
ALLIN14 小时前
Flutter 三种方式实现页面切换后保持原页面状态
flutter
Dabei14 小时前
Flutter 国际化
flutter
Dabei15 小时前
Flutter MQTT 通信文档
flutter
Dabei18 小时前
Flutter 中实现 TCP 通信
flutter
孤鸿玉18 小时前
ios flutter_echarts 不在当前屏幕 白屏修复
flutter
前端 贾公子20 小时前
《Vuejs设计与实现》第 16 章(解析器) 上
vue.js·flutter·ios
tangweiguo030519871 天前
Flutter 数据存储的四种核心方式 · 从 SharedPreferences 到 SQLite:Flutter 数据持久化终极整理
flutter
0wioiw01 天前
Flutter基础(②④事件回调与交互处理)
flutter
肥肥呀呀呀1 天前
flutter配置Android gradle kts 8.0 的打包名称
android·flutter
吴Wu涛涛涛涛涛Tao1 天前
Flutter 实现「可拖拽评论面板 + 回复输入框 + @高亮」的完整方案
android·flutter·ios