用户登录

打开 post_show_fullscreen_bottom,找到在这个文件里定义的这个 extra,这里要显示用户名,现在这个用户名我们可以把它换成一个 UserName 小部件,user 的值是 post.user! ,再把文字的大小设置成 16。

保存一下文件,如果出现问题,你可以重新启动一下应用,或者重新编译一下。正常的话,在这个用户名的旁边会显示用户的订阅小图标,这里我们再修改一下它的文字颜色,设置一下 UserName 的 color,值是 textColor。

post_header

打开 post_header ,在这里也要显示用户名,用 UserName 替换一下,user 的值是 post.user!,iconSize 设置成 12。

post_show_header_title

然后打开 post_show_header_title,先去掉这里用的这个 Text 小图标,换成一个 UserName,user 是 post.user! ,再把文字大小设置成 16,然后把小图标的大小设置成 14 ,让它比文字小一点。

观察

回到正常模式的内容页面,观察一下页面顶部这里显示的用户名。 再回到内容列表,然后切换成 Stack 布局 ,观察一下内容标题下面的这个用户名。

改进:使用用户名小部件《 Flutter 移动端实例:修复改进 》

统计

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

社会化网络

关于

微信订阅号

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