下面我们继续编辑评论列表项目小部件，打开 comment_list_item，小部件 Container 里面用 padding 给它设置一个边距，EdgeInsets.only，bottom 是 24 。小部件的 child 是一个 Row 小部件，这排小部件的左边是用户头像，右边是评论内容。

用 crossAxisAlignment 把交叉轴对齐设置成 CrossAxisAlignment.start，小部件的 children 里面添加一个 thumbnail ，再添加一个 content。

在上面定义一个 thumbnail ，创建一个 Container 。 下面再定义一个 content，值可以先用一个 Expanded ，让它占用 Row 的剩余空间，它的 child 是一个 Container 小部件。

我们再继续编辑这个 thumbnail ，用 padding 设置一下容器的边距，EdgeInsets.only，把 top 设置成 4 ，容器的 child 用一个 UserAvatar ，user 是 comment.user! ，size 是 24 。

再编辑一下 content ，在容器里面用 padding 设置一下边距，EdgeInsets.only，left 是 8 ，它的 child 是一个 Column ，显示一列小部件，设置一下交叉轴对齐，设置成 CrossAxisAlignment.start。它的 children 里面，可以添加一个 userName，一个 commentContent。再添加一个 actions。

在上面分别去定义一下这些东西，声明一个 userName，它的值是一个 Container，里面用 padding 设置一下边距，EdgeInsets.only，bottom 是 4 ，容器的 child 是一个 Text，文字是 comment.user!.name! 。

下面声明一个 commentContent，新建一个 Container ，padding 设置成 EdgeInsets.only，bottom 是 8 。它的 child 是一个 Text，文字是 comment.content! ，再用 style 设置一下文字样式，Theme.of context ，用一下 textTheme 里的 bodyText1 这种文本样式。

然后声明一个 actions ，值先用一个 Text，文字是 Actions 。

观察

在模拟器预览一下现在的这个评论列表。