UserAccountDrawerHeader:抽屉里的用户帐号信息

0
视频
0
完成
0%
进度
0
分钟
0
完成
0%
进度

现在应用的这个抽屉里面,头部这里用的是一个 DrawerHeader 小部件 .. 你可以在里面定制自己需要的内容 .. 如果打算在这块儿显示用户帐号相关的信息,可以用一下 UserAccountDrawerHeader 这个小部件 ..

把这个 DrawerHeader 换成一个 UserAccountDrawerHeader ..

里面添加一个用户名 .. accountName .. 一个文本部件 .. 文字是 wanghao .. 这里可以再添加一个 style 设置一下文字的样式 .. TextStyle ... 把 fontWeight 设置成 FontWeight.bold ..

然后是用户邮件 .. accountEmail ... 它也可以是个文本部件 .. 文字是个邮件地址 ... wanghao@ninghao.net ..

再添加一个用户头像 .. 设置一下 currentAccountPicture.. 当前帐户的头像 .. 它的值可以用一个 CircleAvatar .. 里面添加一个 backgroundImage 设置一下背景图像 ... 也就是用户的头像 .. 我要用一个来自网络的图像,可以用一个 NetworkImage .. 设置一下图像的地址 ..

现在这里会显示一个圆形的用户头像 ..

UserAccountDrawerHeader:抽屉里的用户帐号信息《 Flutter 移动应用:界面结构 》

统计

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

社会化网络

关于

微信订阅号

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