在TextFormField下面添加图标到errorText可以通过自定义的方式实现。以下是一种可能的实现方式:
下面是一个示例代码,演示了如何在TextFormField下面添加图标到errorText:
import 'package:flutter/material.dart';
class MyForm extends StatefulWidget {
@override
_MyFormState createState() => _MyFormState();
}
class _MyFormState extends State<MyForm> {
final _formKey = GlobalKey<FormState>();
String _name;
@override
Widget build(BuildContext context) {
return Form(
key: _formKey,
child: Column(
children: [
Stack(
children: [
TextFormField(
decoration: InputDecoration(
labelText: 'Name',
),
validator: (value) {
if (value.isEmpty) {
return 'Please enter your name';
}
return null;
},
onSaved: (value) {
_name = value;
},
),
Positioned(
right: 0,
bottom: 0,
child: Icon(
Icons.error,
color: Colors.red,
),
),
],
),
RaisedButton(
onPressed: () {
if (_formKey.currentState.validate()) {
_formKey.currentState.save();
// 执行表单提交操作
}
},
child: Text('Submit'),
),
],
),
);
}
}
void main() {
runApp(MaterialApp(
home: Scaffold(
appBar: AppBar(
title: Text('Form Example'),
),
body: MyForm(),
),
));
}
在这个示例中,我们使用了Stack组件将TextFormField和错误图标叠加在一起。当表单验证失败时,错误图标会显示在TextFormField下方。你可以根据需要自定义图标的样式和位置。
请注意,这只是一种实现方式,你可以根据自己的需求进行调整和修改。
领取专属 10元无门槛券
手把手带您无忧上云