dart – Flutter TextField与货币格式

发布时间：2020-12-14 14:51:39 所属栏目：百科来源：网络整理

导读：有一种方法可以在TextField中进行货币格式,以便当用户输入已经实时格式化的值时？如上图所示,当用户键入格式时,将更新已格式化的值. [UPDATE] 我刚刚发现这个库让它像魅力一样： https://pub.dartlang.org/packages/flutter_masked_text 解决方法设置自定

有一种方法可以在TextField中进行货币格式,以便当用户输入已经实时格式化的值时？

formating while typing.

如上图所示,当用户键入格式时,将更新已格式化的值.

[UPDATE]

我刚刚发现这个库让它像魅力一样：
https://pub.dartlang.org/packages/flutter_masked_text

解决方法

设置自定义money掩码的简单解决方案是使用flutter_masked_text packege：

1 – 首先,您需要将此packege添加到包的pubspec.yaml文件中：

dependencies:
  flutter_masked_text: ^0.7.0

2 – 之后,使用命令行安装软件包(如下所示),或使用图形界面,如果您使用的是IntelliJ IDEA,只需单击“软件包获取”按钮即可.

flutter packages get

3 – 现在在您的Dart代码中,导入它…

import 'package:flutter_masked_text/flutter_masked_text.dart';

4 – 最后,将TextField控制器代码从“TextEditingController”更改为“MoneyMaskedTextController”：

//final lowPrice = TextEditingController(); //after
  final lowPrice = MoneyMaskedTextController(decimalSeparator: '.',thousandSeparator: ','); //before

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!