Flutter移动电商实战 --(48)详细页_详情和评论的切换
flutter -- 实战 详细 移动 切换 电商 评论
2023-09-11 14:15:29 时间
增加切换的效果,我们主要是修改这个地方
这样我们的评论的内容就显示出来了
最终代码
details_web.dart
import 'package:flutter/material.dart'; import 'package:provide/provide.dart'; import '../../provide/details_info.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_html/flutter_html.dart'; class DetailsWeb extends StatelessWidget { @override Widget build(BuildContext context) { var goodsDetails = Provide.value<DetailsInfoProvide>(context).goodsInfo.data.goodInfo.goodsDetail; return Provide<DetailsInfoProvide>( builder: (context,child,val){ var isLeft=Provide.value<DetailsInfoProvide>(context).isLeft; if(isLeft){ //详情页 return Container( child: Html( data: goodsDetails//注意这里是data,而不是child了!!!! ), ); }else{ return Container( width: ScreenUtil().setWidth(750),//和我们的页面等宽的 padding: EdgeInsets.all(10.0), alignment: Alignment.center,//居中显示 child: Text('暂时没有数据') ); } }, ); } }
.
相关文章
- Flutter 使用Tabbar不要Title
- Flutter Android Toast Message(flutter访问Android Toast Message)
- flutter:安装使用自定义的字体(flutter 3.7.0)
- Flutter进阶第5篇: 使用WebView组件flutter_inappbrowser加载远程web页面渲染新闻详情数据
- Flutter学习 — 用占位符淡入淡出的显示图片
- Flutter进阶第1篇: http get请求数据、post提交数据、以及渲染动态数据
- flutter实现Icon可以用Image替换
- flutter 服务器返回数据判断是否为空
- flutter 获取顶部状态栏的高度
- flutter video_player实现监听和自动播放下一首歌曲
- Flutter 弹窗的setState用不了
- flutter 不用状态栏的导航栏
- Flutter Unable to ‘pub upgrade‘ flutter tool
- Flutter Provider框架实战
- 观点 | Flutter vs React Native,两个开源框架如何选?
- flutter tabbar设置文字背景,不延时