Flutter TextFormField是Flutter框架中的一个组件,用于创建具有验证功能的文本输入字段。它可以用于收集用户输入,并在用户提交表单之前对输入进行验证。
要将验证文本粘贴到TextFormField中,可以按照以下步骤进行操作:
import 'package:flutter/material.dart';
class MyForm extends StatefulWidget {
@override
_MyFormState createState() => _MyFormState();
}
class _MyFormState extends State<MyForm> {
final _formKey = GlobalKey<FormState>();
String _inputText = '';
@override
Widget build(BuildContext context) {
return Form(
key: _formKey,
child: Column(
children: <Widget>[
TextFormField(
decoration: InputDecoration(
labelText: '输入文本',
),
validator: (value) {
if (value.isEmpty) {
return '请输入文本';
}
return null;
},
onSaved: (value) {
_inputText = value;
},
),
RaisedButton(
onPressed: () {
if (_formKey.currentState.validate()) {
_formKey.currentState.save();
// 在这里可以使用_inputText变量进行进一步处理
}
},
child: Text('提交'),
),
],
),
);
}
}
void main() {
runApp(MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('表单示例'),
),
body: MyForm(),
),
));
}
上述代码创建了一个简单的表单,其中包含一个TextFormField用于输入文本,并使用validator属性进行验证。当用户点击提交按钮时,如果输入的文本通过验证,它将被保存在_inputText变量中,您可以在onPressed回调中进行进一步处理。
领取专属 10元无门槛券
手把手带您无忧上云