用flutter 写个评论输入框
时间: 2023-04-01 20:02:51 浏览: 170
好的,下面是一份使用 Flutter 实现评论输入框的代码示例:
```
import 'package:flutter/material.dart';
class CommentInput extends StatefulWidget {
@override
_CommentInputState createState() => _CommentInputState();
}
class _CommentInputState extends State<CommentInput> {
final _textController = TextEditingController();
@override
Widget build(BuildContext context) {
return Container(
padding: EdgeInsets.all(8),
child: Row(
children: <Widget>[
Expanded(
child: TextField(
controller: _textController,
decoration: InputDecoration(hintText: '请输入评论内容'),
),
),
FlatButton(
onPressed: () {
print(_textController.text);
_textController.clear();
},
child: Text('发布'),
),
],
),
);
}
}
```
这个示例代码实现了一个评论输入框,其中包含一个扩展的 `TextField` 和一个发布按钮。在用户点击发布按钮时,评论内容会被打印到控制台,并且输入框内的文本会被清空。