flutter 输入框限制输入数字、小数

最新推荐文章于 2024-03-22 09:46:34 发布

早起的年轻人

最新推荐文章于 2024-03-22 09:46:34 发布

阅读量2k

点赞数 2

分类专栏： Flutter项目开发全套教程文章标签： flutter

本文链接：https://blog.csdn.net/zl18603543572/article/details/120529428

版权

Flutter项目开发全套教程专栏收录该内容

265 篇文章 387 订阅

订阅专栏

本文介绍了如何在Flutter应用中使用正则表达式限制TextField的输入类型，包括只允许输入小数、字母和数字。通过示例代码展示了新版方法使用`FilteringTextInputFormatter.allow`和旧版方法使用`WhitelistingTextInputFormatter`进行输入格式控制的方法。

摘要由CSDN通过智能技术生成

更多Widget 的应用，小编已总结在书中

使用正则过滤的方式来限制

新版方法

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';

 TextField(
    //只允许输入小数
      inputFormatters: [
       FilteringTextInputFormatter.allow(RegExp("[0-9.]")),
      ],
   ),

旧版方法

import 'package:flutter/material.dart';
import 'package:flutter/services.dart';
 TextField(
    //只允许输入字母
      inputFormatters: [
        WhitelistingTextInputFormatter(RegExp("[a-zA-Z]")),
      ],
   ),
   //只允许输入数字
    TextField(
      inputFormatters: [WhitelistingTextInputFormatter.digitsOnly],
   ),
   //只允许输入小数
   TextField(
     inputFormatters: [
       WhitelistingTextInputFormatter(RegExp("[0-9.]")),
     ],
   ）