用户登录

回复列表可以单独定义一个小部件,新建一个文件,放在 lib/reply/index/components 里面,名字是 reply_list.dart。

文件里定义一个小部件,名字是 ReplyList,添加两个属性,List? replies ,再添加一个 bool 类型的 loading 。在构造方法里添加一个 this.replies,然后是一个带名字的参数,this.loading,默认值是 false。

在 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 。

测试

点击评论的回复数量,会显示这条评论的回复列表内容。

回复列表小部件(ReplyList)《 Flutter 移动端实例:回复列表 》

统计

15260
分钟
0
你学会了
0%
完成

社会化网络

关于

微信订阅号

扫描微信二维码关注宁皓网,每天进步一点