Flutter Textfield onSubmitted
时间: 2024-01-06 16:06:10 浏览: 103
在Flutter中,TextField组件提供了onSubmitted回调函数,该函数在用户提交表单时被调用。这个回调函数可以用来执行一些特定操作,例如将表单数据提交到后端服务器或执行搜索操作等。
下面是一个简单的示例,演示如何使用onSubmitted回调函数:
```dart
class MyHomePage extends StatelessWidget {
final TextEditingController _textEditingController =
TextEditingController();
void _submitForm(String value) {
// Do something with the submitted value
print('Submitted Value: $value');
}
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('TextField onSubmitted Example'),
),
body: Center(
child: TextField(
controller: _textEditingController,
decoration: InputDecoration(
hintText: 'Enter a value',
),
onSubmitted: _submitForm,
),
),
);
}
}
```
在上面的示例中,我们创建了一个TextField,设置了onSubmitted回调函数为_submitForm。当用户提交表单时,_submitForm函数将被调用,打印出提交的值。您可以根据需要在此函数中执行任何操作。
阅读全文