9.9 占位图

9.9 占位图
Ramsayi9.9 占位图
大家已经发现了,因为首页拉取的数据比较多,所以首屏展示慢。(如多次请求、网络延迟等等)
大家可以放一张占位图,加强下用户体验
实现步骤:
第 1 步:添加图片
将占位图放在这个位置
assets/images/3.0x/home_placeholder.png
- 通过 vscode
Flutter GetX Generator - 猫哥
插件 生成 x2 x1 尺寸图
配置图片资源索引
lib/common/values/images.dart
第 2 步:占位图组件
lib/common/components/placehold.dart
dart
1 | import 'package:flutter/material.dart'; |
第 3 步:控制器
为了方便模拟效果,特意延迟拉取数据 1 秒看看效果
lib/pages/goods/home/controller.dart
dart
1 | _initData() async { |
第 3 步:视图
lib/pages/goods/home/view.dart
dart
1 | // 主视图 |
提交代码到 git
评论
匿名评论隐私政策
Powered By Valine
v1.5.1
v1.5.1