zoukankan      html  css  js  c++  java
  • Flutter实战视频-移动电商-48.详细页_详情和评论的切换

    48.详细页_详情和评论的切换

    增加切换的效果,我们主要是修改这个地方

    这样我们的评论的内容就显示出来了

    最终代码

    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(
                 ScreenUtil().setWidth(750),//和我们的页面等宽的
                padding: EdgeInsets.all(10.0),
                alignment: Alignment.center,//居中显示
                child: Text('暂时没有数据')
              );
            }
          },
        );
       
      }
    }
  • 相关阅读:
    解决ORACLE存储过程锁定的问题
    #{propName,attr1=val1,attr2=val2}
    集成confluence与jira
    jira4.1.1安装
    Mac OS X 10.6下安装MySQL 5.1.45
    JIRA+MySQL配置
    xcode4.5 iOS6 cocos2dx 横屏解决方案
    gSoap
    Jira5.0.2安装及破解
    MFC中显示cocos2dx
  • 原文地址:https://www.cnblogs.com/wangjunwei/p/10754093.html
Copyright © 2011-2022 走看看