flutter 输入框清空
时间: 2023-06-25 09:03:32 浏览: 721
可以使用`TextEditingController`来清空Flutter的输入框。首先,创建一个`TextEditingController`对象,并将其传递给输入框的`controller`属性。然后,在需要清空输入框的地方,调用`clear()`方法即可。
以下是一个示例代码:
```dart
class MyPage extends StatefulWidget {
@override
_MyPageState createState() => _MyPageState();
}
class _MyPageState extends State<MyPage> {
TextEditingController _controller = TextEditingController();
@override
Widget build(BuildContext context) {
return Scaffold(
appBar: AppBar(
title: Text('Clear Text Field'),
),
body: Center(
child: Column(
mainAxisAlignment: MainAxisAlignment.center,
children: [
Padding(
padding: EdgeInsets.symmetric(horizontal: 20),
child: TextField(
controller: _controller,
decoration: InputDecoration(
hintText: 'Enter some text',
),
),
),
SizedBox(height: 20),
ElevatedButton(
onPressed: () {
_controller.clear(); // Clear the text field
},
child: Text('Clear'),
),
],
),
),
);
}
}
```
在这个示例中,我们创建了一个带有一个输入框和一个清空按钮的页面。当用户点击按钮时,我们调用`clear()`方法来清空输入框。注意,在调用`clear()`方法之前,我们需要先创建一个`TextEditingController`对象,并将其传递给输入框的`controller`属性。
阅读全文