Flutter TextFiled限制输入框的最大值及前面的修饰

最新推荐文章于 2023-11-30 14:44:14 发布

嘀咯咙咚呛

最新推荐文章于 2023-11-30 14:44:14 发布

阅读量4.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： flutter

本文链接：https://blog.youkuaiyun.com/weixin_43231352/article/details/86546181

本文介绍如何在Flutter的TextField中实现输入值的最大限制，当超过最大值50000时自动修正，并探讨输入框的修饰方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言:

背景:需要在输入框中限制输入框的输入最大值,及输入框的修饰;需求见下图
在这里插入图片描述
当输入框输入最大值时,输入超出的值,最大值是50000;

上代码

import 'package:flutter/material.dart';
class TextFieldDemo  extends StatelessWidget{
  @override
  Widget build(BuildContext context) {
    // TODO: implement build
    return new Scaffold(
      appBar: new AppBar(title: new Text('输入框最大值限制'),),
      body: new ListView(
        children: <Widget>[
          new TextField(
            controller: _inputController,     //文本控制器
            onEditingComplete: (){		//输入完成时调用
              if(num.parse(_inputController.text)>50000){
                _inputController.text = 50000.toString();	
              }
            },
          )
        ],
      ),
    );
  }


  //定义文本控制器
  TextEditingController _inputController =  new TextEditingController();
}

在这里插入图片描述
当输入超过规定的最大值时,输入的值变为50000;