flutter移动电商实战

01.Flutter实战课程介绍
02.Flutter实战建立项目和编写入口文件
03.底部导航栏制作
04.底部导航栏切换效果
05.Dio基础_引入和简单的Get请求
06.Dio基础_Get请求和动态组件协作
07.Dio基础_POST请求的使用
08.Dio基础_伪造请求头获取数据
09.首页_项目结构建立和获取数据
10.首页_FlutterSweipr轮播效果制作
11.首页_屏幕适配方案讲解
12.首页_GridView类别导航制作
13.首页_广告Banner组件制作
14.首页_url_launcher一键拨打店长电话
15.首页_商品推荐模块编写
16.补充_保持页面状态
17.首页_楼层组件的编写技巧
18.首页_火爆专区后台接口调试
19.首页_火爆专区界面布局编写
20.首页_火爆专区上拉加载效果
21.分类页_类别信息接口调试
22.JSON解析和复杂数据模型转换技巧
23.分类页_左侧类别导航制作
24.Provide状态管理基础
25.列表页_使用Provide控制子类-1
26.列表页_使用Provide控制子类-2
27.列表页_现有Bug修复和完善
28.列表页_商品列表后台接口调试
29.列表页_商品列表数据模型建立
30.列表页_商品列表UI界面布局
31.列表页_列表切换交互制作
32.列表页_小类高亮交互效果制作
33.列表页_子类和商品列表交互效果
34.列表页_小BUG的修复
35.列表页_上拉加载更多制作
36.FlutterToast插件使用
37.路由_Fluro引入和商品详细页建立
38.路由_Fluro中Handler编写方法
39.路由_Fluro的路由配置和静态化
40.路由_Fluro的全局注入和使用方法
41.详细页_数据接口的调试
42.详细页_UI主页面架构搭建
43.详细页_补充首页跳转到详细页
44.详细页_首屏自定义Widget编写
45.详细页_说明区域UI编写
46.详细页_自定义TabBar Widget
47.详细页_Flutter_html插件的使用
48.详细页_详情和评论的切换
49.详细页_Stack制作底部工具栏
50.持久化_shared_preferences
51.购物车_Provide中添加商品
52.购物车_数据模型建立和Provide修改
53.购物车_商品列表UI框架布局
54.购物车_商品列表子项布局
55.购物车_底部结算栏UI制作
56.购物车_商品数量控制区域制作
57.购物车_在Model中增加选中字段
58.购物车_删除商品功能制作
59.购物车_计算商品价格和数量
60.购物车_全选按钮的交互效果制作
61.购物车_商品数量的加减操作
62.购物车_首页Provide化 让跳转随心所欲
63.购物车_详细页显示购物车商品数量
64.会员中心_顶部头像UI布局
65.会员中心_订单区域UI布局
66.会员中心_编写ListTile通用方法
67.加餐_Flutter中使用高德地图
68.加餐_极光推送的使用-1
69.加餐_极光推送的使用-2

 

下载地址:flutter移动电商实战

转载于:https://www.cnblogs.com/lovehappines/p/11020262.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
很高兴为您解答问题!关于Flutter实战视频-移动电商-48.详细页_详情和评论的切换,我可以提供以下解答: 在Flutter实战视频-移动电商-48中,详细页的详情和评论的切换是通过一个TabBar实现的。具体来说,通过在AppBar中添加一个TabBar来实现不同页面之间的切换。在这个TabBar中,我们可以添加两个Tab,分别为“详情”和“评论”,并分别对应两个页面。当用户点击不同的Tab时,就可以切换到不同的页面。 在Flutter中,TabBar可以使用DefaultTabController和TabBarView来实现。DefaultTabController是一个Widget,它可以管理TabBar和TabBarView之间的关系。TabBarView则是一个Widget,它可以显示不同的页面。 具体实现方法如下: ```dart class DetailPage extends StatefulWidget { @override _DetailPageState createState() => _DetailPageState(); } class _DetailPageState extends State<DetailPage> { @override Widget build(BuildContext context) { return Scaffold( appBar: AppBar( title: Text('商品详情'), bottom: TabBar( tabs: <Widget>[ Tab( text: '详情', ), Tab( text: '评论', ), ], ), ), body: DefaultTabController( length: 2, child: TabBarView( children: <Widget>[ // 详情页面 DetailWidget(), // 评论页面 CommentWidget(), ], ), ), ); } } ``` 在上面的代码中,我们首先创建了一个AppBar,并在其中添加了一个TabBar。然后,在Scaffold的body中,我们创建了一个DefaultTabController,并将其length设为2,即有两个页面。最后,我们在TabBarView中添加了两个Widget,即DetailWidget和CommentWidget,分别对应详情页面和评论页面。 希望这个解答能够对您有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值