import 'package:dio/dio.dart'; import 'package:flutter/material.dart'; import 'package:flutter_easyloading/flutter_easyloading.dart'; import 'package:huixiang/generated/l10n.dart'; import 'package:huixiang/data/base_data.dart'; import 'package:huixiang/data/goods.dart'; import 'package:huixiang/data/page.dart'; import 'package:huixiang/retrofit/retrofit_api.dart'; import 'package:huixiang/utils/flutter_utils.dart'; import 'package:huixiang/utils/font_weight.dart'; import 'package:huixiang/view_widget/classic_header.dart'; import 'package:huixiang/view_widget/custom_image.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:huixiang/view_widget/my_footer.dart'; import 'package:pull_to_refresh/pull_to_refresh.dart'; import 'package:shared_preferences/shared_preferences.dart'; class MineGreenery extends StatefulWidget { @override State createState() { return _MineGreenery(); } } class _MineGreenery extends State { ApiService? apiService; final RefreshController refreshController = RefreshController(); final ScrollController scrollController = ScrollController(); int pageNum = 1; String? categoryId; bool orderDesc = true; int orderType = 1; List goods = []; @override void initState() { super.initState(); SharedPreferences.getInstance().then((value) => { apiService = ApiService(Dio(), context: context, token: value.getString("token")), pointGoodsList(), }); } pointGoodsList() async { var param = { "categoryId": categoryId ?? "", "orderDesc": orderDesc, "orderType": orderType, "pageNum": pageNum, "pageSize": 10, "state": 1 }; BaseData>? pageGoods = await apiService?.creditGoods(param).catchError((onError) { refreshController.loadFailed(); refreshController.refreshFailed(); return Future.value(null); }); EasyLoading.dismiss(); if (pageGoods?.isSuccess ?? false) { if (pageGoods?.data?.list?.isNotEmpty ?? false) { setState(() { if (pageNum == 1) { goods.clear(); } goods.addAll(pageGoods!.data!.list!); }); } refreshController.refreshCompleted(); refreshController.loadComplete(); if (pageGoods?.data?.pageNum == pageGoods?.data?.pages) { refreshController.loadNoData(); } else { pageNum += 1; } } else { refreshController.loadFailed(); refreshController.refreshFailed(); } } @override Widget build(BuildContext context) { return Container( // color: Color(0xFF32A060), child: SmartRefresher( controller: refreshController, enablePullDown: true, enablePullUp: false, header: MyHeader(), footer: CustomFooter( builder: (context, mode) { return MyFooter(mode); }, ), onRefresh: () { setState(() { pointGoodsList(); }); }, physics: BouncingScrollPhysics(), scrollController: scrollController, child: Container( color: Color(0xFF32A060), child: Stack( children: [ Container( width: double.infinity, height: 340.h, decoration: BoxDecoration( image: DecorationImage( fit: BoxFit.cover, image: AssetImage("assets/image/s_bg.webp"), ), ), padding: EdgeInsets.only( top: 23.h + MediaQuery.of(context).padding.top, left: 14.w, right: 14.w), child: Column( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.start, children: [ Spacer(), Container( alignment: Alignment.bottomCenter, child: Column( children: [ Image.asset( "assets/image/shu3.webp", width: 225, height: 225, ), Text( "已获得2片绿叶", style: TextStyle( fontSize: 14.sp, fontWeight: MyFontWeight.regular, color: Color(0xFFFFFFFF), ), ), ], )), ], ), ), Container( child: SingleChildScrollView( physics: BouncingScrollPhysics(), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Container( width: double.infinity, margin: EdgeInsets.only( top: 23.h + MediaQuery.of(context).padding.top, left: 14.w, right: 14.w), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ GestureDetector( onTap: () { Navigator.of(context).pop(); }, child: Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Icon( Icons.arrow_back_ios, size: 24, ), Spacer(), Text( "我的绿叶", style: TextStyle( fontSize: 17.sp, fontWeight: MyFontWeight.regular, color: Color(0xFF0D0D0D), ), ), Spacer() ], ), ), goodsRecommendList(), spreadImage(), billDetailed(), ], ), ), ], ), ), ) ], ), ), ), ); } ///大家都在买 Widget goodsRecommendList() { return Container( child: Stack( children: [ Container( width: double.infinity, height: 497.h, margin: EdgeInsets.only(top: 310.h), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.all( Radius.circular(6), ), ), padding: EdgeInsets.only(top: 16.h), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded( child: GridView.builder( itemCount: goods.length ?? 0, padding: EdgeInsets.only( left: 16.w, right: 16.w, top: 18.h, bottom: 16.h, ), shrinkWrap: true, physics: BouncingScrollPhysics(), gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( //一行的Widget数量 crossAxisCount: 2, //水平子Widget之间间距 crossAxisSpacing: 11.w, //垂直子Widget之间间距 mainAxisSpacing: 16.w, //子Widget宽高比例 0.59 childAspectRatio: 200 / (281 / 2 + (281 / 2) * AppUtils.textScale(context)), ), itemBuilder: (context, index) { return GestureDetector( onTap: () {}, child: buildItem(goods[index]), ); }, ), ), ], ), ), Container( margin: EdgeInsets.only(top: 295.h), child: Row( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Image.asset( "assets/image/yz_l.webp", fit: BoxFit.fill, height: 20, width: 21, ), Container( width: 100.w, height: 34.h, alignment: Alignment.center, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(8)), gradient: new LinearGradient( begin: Alignment.centerRight, end: Alignment.centerLeft, colors: [ Color(0xFF32A060), Color(0xFF9DF531), ]), ), child: Text( "大家都在买", style: TextStyle( fontSize: 15.sp, fontWeight: MyFontWeight.semi_bold, color: Color(0xFFFFFFFF), ), ), ), Image.asset( "assets/image/yz_r.webp", fit: BoxFit.fill, height: 20, width: 21, ), ], ), ), ], ), ); } Widget buildItem(Goods goods) { return Container( alignment: Alignment.center, decoration: BoxDecoration( borderRadius: BorderRadius.circular(4), boxShadow: [ BoxShadow( color: Colors.black.withAlpha(12), offset: Offset(0, 3), blurRadius: 14, spreadRadius: 0, ), ], // color: Colors.white, ), child: Stack( alignment: AlignmentDirectional.topEnd, fit: StackFit.loose, children: [ Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, mainAxisSize: MainAxisSize.max, children: [ MImage( goods.mainImgPath ?? "", aspectRatio: 1.1, fit: BoxFit.cover, radius: BorderRadius.only( topLeft: Radius.circular(4), topRight: Radius.circular(4), ), errorSrc: "assets/image/default_1.webp", fadeSrc: "assets/image/default_1.webp", ), Expanded( child: Container( margin: EdgeInsets.only( right: 12.w, top: 10.h, ), padding: EdgeInsets.only(bottom: 8), child: Column( mainAxisAlignment: MainAxisAlignment.spaceAround, crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( goods.name ?? "", overflow: TextOverflow.ellipsis, maxLines: 2, style: TextStyle( color: Color(0xFF0D0D0D), fontWeight: MyFontWeight.regular, fontSize: 13.sp, ), ), Spacer(), Expanded( child: Row( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( (goods.price == "0" ? "" : S .of(context) .jifen_("${goods.price}")) + (goods.money == "0.00" ? "" : " + ${goods.money}元"), style: TextStyle( color: Color(0xFFE5600D), fontSize: 16.sp, fontWeight: MyFontWeight.semi_bold, ), ), Text( "+", style: TextStyle( color: Color(0xFFE5600D), fontSize: 16.sp, fontWeight: MyFontWeight.semi_bold, ), ), Image.asset( "assets/image/green_leaf.webp", fit: BoxFit.cover, width: 12, height: 12, ), Text( "+x100", overflow: TextOverflow.ellipsis, maxLines: 2, style: TextStyle( color: Color(0xFF32A060), fontWeight: MyFontWeight.semi_bold, fontSize: 16.sp, ), ), ], ), ), ], ), ), flex: 1, ), ], ), ], ), ); } ///推广图 Widget spreadImage() { return Container( margin: EdgeInsets.symmetric(vertical: 24.h), child: GestureDetector( onTap: () { Navigator.of(context).pushNamed('/router/invite_friends'); }, child: ClipRRect( child: Image.asset( "assets/image/welfare_spread.webp", width: double.infinity, fit: BoxFit.fill, height: 80.h, ), borderRadius: BorderRadius.circular(6), ), ), ); } ///收支明细 Widget billDetailed() { return Container( child: Stack( children: [ Container( width: double.infinity, height: 260.h, decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(6)), ), padding: EdgeInsets.only(top: 16.h), margin: EdgeInsets.only(bottom: 34.h, top: 16), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Expanded( child: ListView.builder( padding: EdgeInsets.zero, itemCount: 6, scrollDirection: Axis.vertical, shrinkWrap: true, physics: BouncingScrollPhysics(), itemBuilder: (context, position) { return GestureDetector( onTap: () {}, child: billDetailedItem(), ); }, ), ) ], ), ), Container( child: Row( mainAxisAlignment: MainAxisAlignment.center, crossAxisAlignment: CrossAxisAlignment.center, children: [ Image.asset( "assets/image/yz_l.webp", fit: BoxFit.fill, height: 20, width: 21, ), Container( width: 100.w, height: 34.h, alignment: Alignment.center, decoration: BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(8)), gradient: new LinearGradient( begin: Alignment.centerRight, end: Alignment.centerLeft, colors: [ Color(0xFF32A060), Color(0xFF9DF531), ], ), ), child: Text( "绿叶收支明细", style: TextStyle( fontSize: 15.sp, fontWeight: MyFontWeight.semi_bold, color: Color(0xFFFFFFFF), ), ), ), Image.asset( "assets/image/yz_r.webp", fit: BoxFit.fill, height: 20, width: 21, ), ], ), ), ], ), ); } ///收支明细 Widget billDetailedItem() { return Container( width: double.infinity, margin: EdgeInsets.only(top: 16.h), padding: EdgeInsets.symmetric(horizontal: 14.w), child: Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Column( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( children: [ Text( "购物得绿叶", overflow: TextOverflow.ellipsis, maxLines: 1, style: TextStyle( color: Color(0xFF262626), fontWeight: MyFontWeight.semi_bold, fontSize: 14.sp, ), ), SizedBox( width: 5.w, ), Text( "（商品号1234567）", overflow: TextOverflow.ellipsis, maxLines: 1, style: TextStyle( color: Color(0xFF262626), fontWeight: MyFontWeight.semi_bold, fontSize: 14.sp, ), ), ], ), SizedBox( height: 8.h, ), Text( "2022-09-09 19:22:23", overflow: TextOverflow.ellipsis, maxLines: 1, style: TextStyle( color: Color(0xFF262626), fontWeight: MyFontWeight.regular, fontSize: 12.sp, ), ), ], ), Row( children: [ Text( "+12", style: TextStyle( color: Color(0xFF32A060), fontWeight: MyFontWeight.bold, fontSize: 15.sp, ), ), Image.asset( "assets/image/green_leaf.webp", fit: BoxFit.cover, width: 14, height: 14, ), ], ), ], ), Container( width: double.infinity, height: 1.h, color: Color(0xFFF2F2F2), margin: EdgeInsets.only(top: 12.h), ), ], ), ); } }