用户登录

新建一个文件,放在 lib/post/show/header/components 里面,名字是 post_show_header_title.dart ,在文件里定义一个小部件,名字是 PostShowHeaderTitle,添加一个属性,类型是 Post,名字是 post,一个构造方法,PostShowHeaderTitle,给它一个参数,this.post。

在 post_show_header 这里,设置一下 SliverAppBar 的 title,值就是刚才创建的 PostShowHeaderTitle 这个小部件,提供一个 post 参数。回来再继续编辑这个小部件。

小部件里是一个 Container,它的 child 是一个 Row 小部件,在它的 children 里面,添加一个 UserAvatar 小部件,user 设置成 post.user! 。再用 SizedBox,width 设置成 8 ,再添加一个 Text,文字是 post.user!.name! ,用 style 设置文字样式,TextStyle,用 color 设置文字的颜色,Theme.of(context).textTheme.bodyText1!.color 。

观察一下应用界面,现在内容页面头部这里会显示内容作者的头像还有作者的名字。

内容头部标题(PostShowHeaderTitle)《 Flutter 移动端实例:内容页面 》

统计

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

社会化网络

关于

微信订阅号

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