用户登录

在项目里先创建一个评论列表首页小部件,放在 lib/comment/index 里面,名字是 comment_index.dart,在文件里定义一个小部件,名字是 CommentIndex ,小部件里添加一个 Post? 属性,名字是 post,在构造方法里添加一个带名字的参数,this.post。

下面再新建一个文件,放在 lib/post/bottom_sheet/components 下面新建一个文件,名字是 post_bottom_sheet_comment.dart ,在文件里定义一个小部件,名字是 PostBottomSheetComment 。小部件里添加一个 Post 类型的属性,名字是 post ,构造方法里添加一个参数,this.post 。小部件容器的 child 用一下 CommentIndex 小部件,提供一个 post 参数,值是 post。

然后打开 post_bottom_sheet,找到这个 tabBarView,第二个小部件可以换成 PostBottomSheetComment,提供一个 widget.post 参数。

观察

在模拟器观察一下这个内容底板上的评论标签里的内容,这里会显示 CommentIndex 这个小部件。

创建评论底板与评论列表首页小部件(PostBottomSheetComment,CommentIndex)《 Flutter 移动端实例:评论列表 》

统计

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

社会化网络

关于

微信订阅号

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