回复列表可以单独定义一个小部件,新建一个文件,放在 lib/reply/index/components 里面,名字是 reply_list.dart。
文件里定义一个小部件,名字是 ReplyList,添加两个属性,List
在 build 方法里,声明一个 Widget,名字是 view,先让它等于一个 AppIndicator,strokeWidth 是 2,size 是 14。
下面判断一下,!loading 并且 replies 等于 null,这种情况可以让 view 等于 AppNoContent 。
继续判断一下 replies 不等于 null ,设置一下 view,等于一个 Column 小部件,设置一下它的 children ,这里可以用一下 replies!.map ,最后调用 toList 转换成一个列表。再设置一下 map,给它提供一个函数,有个 item 参数,return 的东西先用一个 Text 小部件,文字是 item.content! 。
最后 return 的是这个 view 表示的小部件。
reply_index
打开 reply_index ,这个容器的 child 可以用一个 ReplyList ,提供一个 replies,再设置一下 loading,值是 store.loading 。
测试
点击评论的回复数量,会显示这条评论的回复列表内容。