当用户在TextField中输入已经实时格式化的值时,有什么方法可以在TextField中进行货币格式化吗?

formating while typing.

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

[UPDATE]

我刚找到了这个图书馆,它让它工作起来像个魔咒: https://pub.dartlang.org/packages/flutter_masked_text

推荐答案

设置自定义货币掩码的一个简单解决方案是使用flutter_masked_text包:

1-首先,你需要将这个包添加到你的包的pubspec中.yaml文件:

dependencies:
  flutter_masked_text: ^0.7.0

2-之后,使用命令行安装软件包(如下所示),或者使用图形界面安装软件包,如果您使用的是IntelliJ的 idea ,只需点击"Packages Get"按钮即可.

flutter packages get

3-现在在您的DART代码中,导入它.

import 'package:flutter_masked_text/flutter_masked_text.dart';

4-最后,将TextField控制器代码从"TextEditingController"更改为"MoneyMaskedTextController":

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

Flutter相关问答推荐

无法在主屏幕视图中设置当前日期容器'

MobX Build_Runner问题:不生成.G文件(Flutter )

如何在WidgetRef引用外部的函数中使用Riverpod刷新数据

Firebase动态链接已弃用,不应在新项目中使用.Flutter 替代方案

如何确定Flutter 中的文本 colored颜色 ?

Android工作室Flutter 热重新加载更新后不工作

带有附加图像的ListTile

Flutter 构建 Web 分段故障 - 无法启动事件处理程序线程

如何在flutter中加载并显示adx锚定的自适应广告?

要禁用按钮上的通知声音,请点击Flutter

创建混合 TextWidget 和 TextFieldWidget

Elevated 和 Outlined 按钮之间的动画

小部件堆栈未显示顶层

如何在 Flutter 中使用 drawLine() 和 drawCircle() 绘制等距离的 4 条线

Flutter Websockets MacOS:相同的代码在调试模式下有效,但在发布模式下无效:(操作系统错误:提供了 node 名或服务名..)

如何从 showModalBottomSheet 中的 topRight 和 topLeft 移除平边

Flutter - 异步文件读取异常处理

CircleAvatar 在 ListTile 中领先

Flutter 中的无效日期格式 2022 年 11 月 14 日

将图像像素的灰度一维列表转换为灰度图像 Dart