下面先创建一个回复列表页面小部件，放在 lib/reply/index 里面，名字是 reply_index.dart ，在文件里定义一个小部件，名字是 ReplyIndex ，添加一个属性，类型是 Comment ，名字是 comment ，在构造方法里添加一个 this.comment 。在小部件的 Container 里面用 padding 设置一下边距，EdgeInsets.only，把 top 设置成 8。

comment_list_item_actions

打开 comment_list_item_actions，再添加两个属性，一个是 bool 类型的属性，名字是 showReplies，表示是否要显示回复。再添加一个 void Function()? 名字是 onTapTotalReplies。

在构造方法里添加一个带名字的参数，this.onTapTotalReplies，再添加一个 this.showReplies ，默认值是 false。

找到 totalReplies，把 onTap 设置成 onTapTotalReplies 。再修改一下小图标，这里可以判断一下 showReplies ，如果要显示回复，小图标就用 Icons.arrow_drop_up 不然就是 Icons.arrow_drop_down 。

comment_list_item

打开 comment_list_item，我们先把这个小部件转换成一个 StatefulWidget，然后在 State 这里添加一个属性，类型是 bool 名字是 showReplies，默认值是 false。

下面再定义一个 onTapTotalReplies，执行一下 setState，设置一下 showReplies ，让它等于跟它之前相反的值。

找到 actions，在 CommentListItemActions 里面，添加一个 onTapTotalReplies，对应的值是 onTapTotalReplies，再添加一个 showReplies，值是 showReplies 。

下面可以声明一个 replies，它的值新建一个 ReplyIndex，提供一个 widget.comment 。

再找到 content，在这个 Column 的 children 里面，判断一下 showReplies，如果是真的就再添加一个 replies 。

测试

下面可以测试一下，找一个有回复的评论，点击这个回复数量，可以切换显示 ReplyIndex 小部件。