logo

该视频仅会员有权观看

立即开通课程「Flutter 移动端应用开发实践」权限。

¥
199
/ 年

定义用户头像小部件(UserAvatar)

  • 创建一个名为"user amazon"的用户头像小部件。
  • 小部件具有两个属性:用户(post user)和大小(double size,默认值为32)。
  • 构造方法要求带有"user"属性和可选的"size"。
  • 在build方法中,确定用户ID和头像URL,后者依靠API接口地址和所需图像尺寸。
  • 使用Container小部件设置头像的宽和高,等于size属性。
  • 使用CircleAvatar小部件将头像设为背景,通过NetworkImage加载。
  • 添加用户平均图像,结合用户的ID和可选的size box大小设置为16。
  • 设置交叉轴对齐为cross access element start。
  • 最终界面展示内容创作者的用户头像。