用户登录

复制一份 lib/show/header/components 下面的这个 post_show_header_leading,改个名字,叫 post_show_header_meta。

文件里面定义一个小部件,名字是 PostShowHeaderMeta ,然后暂时删除掉 GestureDetector 的 onTap 的主体。后面我们会再回来修改这里。

在这个 Container 小部件里面添加一个 padding 参数设置一下边距,EdgeInsets.only ,right 是 8,left 也是 8 。使用的小图标可以修改一下,换成 camera_outlined。 以后点按这个小图标我们可以在页面上显示内容照片拍摄相关的信息。

下面再复制一份刚才创建的这个小部件,修改一下文件的名字,改成 post_show_header_aspect_ratio,文件里定义一个小部件,名字是 PostShowHeaderAspectRatio ,修改一下使用的小图标,换成 Icons.aspect_ratio_outlined 。

打开 post_show_header.dart ,在 SliverAppBar 这里添加一个 actions ,值是一个列表,里面添加一个 PostShowHeaderAspectRatio ,再添加一个 PostShowHeaderMeta 小部件。

最后观察一下内容页面头部这里的显示。在 actions 这个位置上会显示两个小图标。

内容头部动作(PostShowHeaderMeta,PostShowHeaderAspectRatio)《 Flutter 移动端实例:内容页面 》

统计

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

社会化网络

关于

微信订阅号

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