flutter 实现评论区效果

Flutter实现评论区效果可以使用ListView和TextField来实现。具体步骤如下：

1. 首先，创建一个包含TextField和ListView的Widget，用于显示评论输入框和评论列表。

class CommentWidget extends StatefulWidget {
  @override
  _CommentWidgetState createState() => _CommentWidgetState();
}

class _CommentWidgetState extends State<CommentWidget> {
  final TextEditingController _textEditingController =
      TextEditingController();
  final List<String> _comments = [];

  @override
  Widget build(BuildContext context) {
    return Column(
      children: <Widget>[
        TextField(
          controller: _textEditingController,
          decoration: InputDecoration(
            hintText: '请输入评论',
          ),
          onSubmitted: (String text) {
            _submitComment(text);
          },
        ),
        Expanded(
          child: ListView.builder(
            itemCount: _comments.length,
            itemBuilder: (BuildContext context, int index) {
              return Text(_comments[index]);
            },
          ),
        ),
      ],
    );
  }

  void _submitComment(String text) {
    setState(() {
      _comments.add(text);
      _textEditingController.clear();
    });
  }
}

2. 在TextField的onSubmitted回调函数中，调用_submitComment方法，将评论添加到_comments列表中，并清空输入框。

3. 使用ListView.builder来展示评论列表，这样我们可以动态地添加和删除评论，而不需要手动管理列表。

这样，我们就可以实现一个简单的评论区效果。当用户输入评论后，评论将会添加到列表中。用户可以滚动列表来查看之前的评论。