12.8 Tab 商品规格

12.8 Tab 商品规格

实现步骤:


第 1 步:商品规格 视图

lib/pages/goods/product_details/widgets/tab_product.dart

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
@override
Widget build(BuildContext context) {
return <Widget>[
...
// 运费说明
_buildTitle("Shipping Charge"),
<Widget>[
// 运费
const TextWidget.body1(
"\$12.10",
size: 18,
weight: FontWeight.bold,
).paddingRight(AppSpace.listItem),
// 说明
const TextWidget.body2(
"by paperfly shipment",
),
].toRow(),
...

fix:Tab 滑动监听

lib/pages/goods/product_details/controller.dart

1
2
3
4
5
6
7
8
9
10
11
12
13
14
_initData() async {
await _loadCache();
await _loadProduct();

// 初始化 tab 控制器
tabController = TabController(length: 3, vsync: this);
// 监听 tab 切换
tabController.addListener(() {
tabIndex = tabController.index;
update(['product_tab']);
});

update(["product_details"]);
}

提交代码到 git