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(
            width: ScreenUtil().setWidth(750),//和咱們的頁面等寬的
            padding: EdgeInsets.all(10.0),
            alignment: Alignment.center,//居中顯示
            child: Text('暫時沒有數據')
          );
        }
      },
    );
   
  }
}