import 'dart:async'; import 'package:aiplot/bean/user_info_bean.dart'; import 'package:aiplot/tools/me/my_collect_page.dart'; import 'package:aiplot/tools/me/my_works_page.dart'; import 'package:cached_network_image/cached_network_image.dart'; import 'package:flutter/material.dart'; import 'package:flutter_easyloading/flutter_easyloading.dart'; import 'package:ironsource_mediation/ironsource_mediation.dart'; import '../../bean/equity_bean.dart'; import '../../common/EventBusUtil.dart'; import '../../common/TabUnderLine.dart'; import '../../common/func.dart'; import '../../dialog/invitation_code_dialog.dart'; import '../../dialog/obtaining_benefits_dialog.dart'; import '../../generated/l10n.dart'; import '../../network/NetworkConfig.dart'; import 'me_info_model.dart'; ///我的 class MePage extends StatefulWidget { const MePage({Key? key}) : super(key: key); @override State createState() => _MePageState(); } class _MePageState extends State with SingleTickerProviderStateMixin { StreamSubscription? subscription; final MeInfoModel _viewModel = MeInfoModel(); TabController? _tabController; PageController? _pageController; List? tabView; //包含内容必须和tab对应 final ScrollController _scrollController = ScrollController(); StreamSubscription? _refreshUserdata; UserInfoBean? userInfoBean; EquityBean? equityBean; @override void initState() { // TODO: implement initState super.initState(); //我的作品 收藏 tabView = [const MyWorksPage(), const MyCollectPage()]; _tabController = TabController(initialIndex: 0, length: 2, vsync: this); _pageController = PageController(); ///eventbus _refreshUserdata = EventBusUtil.listen((event) { getUserInfo(); }); //网络请求回调 subscription = _viewModel.streamController.stream.listen((newData) { String code = newData['code']; if (code.isNotEmpty) { EasyLoading.dismiss(); switch (code) { case "getUserData": userInfoBean = newData['data']; break; case "getQuanYi": equityBean = newData['data']; break; } } setState(() {}); }); getUserInfo(); } //用户信息 getUserInfo() { EasyLoading.show(status: 'loading...', maskType: EasyLoadingMaskType.black); _viewModel.getUserData(); _viewModel.getQuanYi(); } @override void dispose() { // TODO: implement dispose _tabController?.dispose(); _pageController?.dispose(); _refreshUserdata?.cancel(); subscription?.cancel(); super.dispose(); } @override Widget build(BuildContext context) { final size = MediaQuery.of(context).size; final h270 = size.width / 1.333333333; final t70 = size.width / 5.1428571428571; final w60 = size.width / 6; final l85 = size.width / 4.235294117647; final t35 = size.width / 10.285714285714; final h340 = size.width / 1.0588235294117; final t40 = size.width / 9; final w90 = size.width / 4; final h45 = size.width / 8; final w150 = size.width / 2.4; final h140 = size.width / 2.5714285714285; final h60 = size.width / 6; final h80 = size.width / 4.5; return Scaffold( backgroundColor: Colors.white, body: NestedScrollView( controller: _scrollController, headerSliverBuilder: (BuildContext context, bool innerBoxIsScrolled) { return [ SliverOverlapAbsorber( handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context), sliver: SliverAppBar( backgroundColor: Colors.white, elevation: 0, centerTitle: true, actions: [ ///邀请码 Container( alignment: Alignment.center, child: GestureDetector( onTap: () { FunctionUtil.popDialog(context, InvitationCodeDialog()); }, child: Container( padding: const EdgeInsets.all(6), decoration: const BoxDecoration( gradient: LinearGradient( begin: Alignment.centerLeft, //渐变开始于上面的中间开始 end: Alignment.centerRight, //渐变结束于下面的中间 colors: [Color(0xFF808EEF), Color(0xFFBE6FDF)]), borderRadius: BorderRadius.all(Radius.circular(20))), child: Text( S.of(context).Invitation_code, style: TextStyle(color: Colors.white, fontSize: 10), )), ), ), ///设置 Container( padding: EdgeInsets.zero, child: IconButton( icon: const Image( width: 20, height: 20, image: AssetImage('assets/images/ic_setting.png'), ), onPressed: () { Navigator.pushNamed(context, "/SettingPage"); }), ), ], expandedHeight: NetworkConfig.appConfigBean != null && !NetworkConfig.appConfigBean!.IsCheckRemark! ? h340 : h140, flexibleSpace: FlexibleSpaceBar( background: Column( children: [ ///用户信息 Container( margin: EdgeInsets.only(top: w60), width: double.infinity, height: t70, child: Stack( children: [ //头像 Positioned( left: 15, child: userInfoBean != null && userInfoBean!.UserIconUrl != null ? CachedNetworkImage( fit: BoxFit.fitHeight, width: w60, height: w60, imageUrl: userInfoBean!.UserIconUrl!, errorWidget: (context, url, error) => Image( fit: BoxFit.fitWidth, width: w60, height: w60, image: const AssetImage('assets/images/head.png'), ), ) : Container(), ), //昵称 userInfoBean != null ? Positioned( left: l85, top: 5, child: SizedBox( width: w150, child: Text( userInfoBean!.NickName!, overflow: TextOverflow.ellipsis, style: const TextStyle(fontSize: 18, fontWeight: FontWeight.w500), ), ), ) : Container(height: 1), ///点数 Positioned( left: l85, top: t35, child: Row( children: [ Text( S.of(context).Painting_point, style: const TextStyle(color: Color(0xFF999999), fontSize: 12), ), Container( margin: const EdgeInsets.only(left: 5), child: const Image( width: 16, height: 16, image: AssetImage('assets/images/ic_count.png'), ), ), Container( margin: const EdgeInsets.only(left: 5), child: Text( NetworkConfig.allCurrency, style: const TextStyle(color: Color(0xFF8841FF)), ), ), Container( margin: const EdgeInsets.only(left: 17), child: Text( S.of(context).Collected, style: const TextStyle(color: Color(0xFF999999), fontSize: 12), ), ), userInfoBean != null && userInfoBean!.CollectNumber != null ? Container( margin: const EdgeInsets.only(left: 10), child: Text( userInfoBean!.CollectNumber.toString(), style: const TextStyle(color: Color(0xFF999999), fontSize: 12), ), ) : Container(), ], ), ), ///审核 获取权益 NetworkConfig.appConfigBean?.IsShowUserPageEquityBtn != null && NetworkConfig.appConfigBean!.IsShowUserPageEquityBtn! ? Positioned( top: 10, right: 16, child: GestureDetector( onTap: () { FunctionUtil.popDialog( context, ObtainingBenefitsDialog( onTap: (index) { switch (index) { case 0: //看广告 if (NetworkConfig.isAdAvailable) { IronSource.showRewardedVideo(); } else { EasyLoading.showToast(S.of(context).no_advertisements); } break; case 1: //购买 break; } }, equityBean: equityBean, )); }, child: Container( width: w90, height: t40, alignment: Alignment.center, decoration: const BoxDecoration( borderRadius: BorderRadius.all(Radius.circular(20)), gradient: LinearGradient( begin: Alignment.centerLeft, //渐变开始于上面的中间开始 end: Alignment.centerRight, //渐变结束于下面的中间 colors: [Color(0xFF843FFF), Color(0xFFEB76FF)])), child: Text( S.of(context).obtaining_benefits, style: TextStyle(color: Colors.white, fontSize: 14), ), ), )) : Container() ], ), ), ///商城 NetworkConfig.appConfigBean != null && !NetworkConfig.appConfigBean!.IsCheckRemark! && NetworkConfig.appConfigBean?.MallInletImage != null ? Align( child: GestureDetector( onTap: () { Navigator.pushNamed(context, "/ShopPage"); }, child: Container( margin: const EdgeInsets.only(left: 15, right: 15), child: CachedNetworkImage(height: h80, imageUrl: NetworkConfig.appConfigBean!.MallInletImage!), ), ), ) : Container(), NetworkConfig.appConfigBean != null && !NetworkConfig.appConfigBean!.IsCheckRemark! && userInfoBean != null && userInfoBean!.UserAdLog != null && userInfoBean!.UserAdLog!.UsedRewardCount != null && userInfoBean!.UserAdLog!.TotalRewardCount != null ? Container( height: h140, decoration: const BoxDecoration( color: Color(0xFFF8F8FF), borderRadius: BorderRadius.all(Radius.circular(7)), ), margin: const EdgeInsets.only(left: 15, right: 15, top: 5), child: Column( children: [ ///看广告 GestureDetector( onTap: () { if (userInfoBean!.UserAdLog!.UsedRewardCount != userInfoBean!.UserAdLog!.TotalRewardCount) { if (NetworkConfig.isAdAvailable) { IronSource.showRewardedVideo(); } else { EasyLoading.showToast(S.of(context).no_advertisements); } } else { EasyLoading.showToast(S.of(context).received_all); } }, child: Container( height: h60, child: Stack( children: [ Positioned( top: 20, left: 10, child: Text( "${S.of(context).Watch_the} (${userInfoBean!.UserAdLog!.UsedRewardCount}/${userInfoBean!.UserAdLog!.TotalRewardCount})", style: TextStyle(fontSize: 14, fontWeight: FontWeight.w500), ), ), Positioned( top: t40, left: 10, child: Text( S.of(context).Earn_paint, style: TextStyle(fontSize: 12, color: Color(0xFF999999)), ), ), Positioned( right: 7, top: 18, child: Stack( alignment: Alignment.center, children: [ Image(width: w90, height: h45, image: AssetImage('assets/images/view_ad.png')), Positioned( top: 10, child: Text( S.of(context).Watch, style: TextStyle(fontSize: 14, color: Colors.white), )) ], )) ], ), ), ), Container( height: 1, width: size.width, color: Color(0xFFEAEAEA), margin: EdgeInsets.only(top: 10, left: 15, right: 15), ), ///去创作 GestureDetector( onTap: () { EventBusUtil.fire(TabBarJumpEvent(1)); }, child: SizedBox( height: h60, child: Stack( children: [ Positioned( top: 20, left: 10, child: Text( S.of(context).Upload_artwork_gallery, style: const TextStyle(fontSize: 14, fontWeight: FontWeight.w500), ), ), Positioned( top: t40, left: 10, child: Text( "${S.of(context).Obtained_after_review} ${NetworkConfig.appConfigBean!.SharingRewards} ${S.of(context).Painting_points}", style: const TextStyle(fontSize: 12, color: Color(0xFF999999)), ), ), Positioned( right: 7, top: 18, child: Stack( alignment: Alignment.center, children: [ Image(width: w90, height: h45, image: const AssetImage('assets/images/view_ad.png')), Positioned( top: 10, child: Text( S.of(context).To_create, style: const TextStyle(fontSize: 14, color: Colors.white), )) ], )) ], ), ), ) ], ), ) : Container(), ], ), ), ), ) ]; }, body: Column( children: [ ///作品/收藏 Container( height: 30, width: size.width, margin: EdgeInsets.only(top: NetworkConfig.statusHeight + 0.1), child: TabBar( tabs: [ Text(S.of(context).My_Works), Text(S.of(context).Collection), ], controller: _tabController, indicator: const RoundUnderlineTabIndicator(borderSide: BorderSide(width: 2, color: Color(0xFF8841FF))), labelColor: const Color(0xFF8841FF), //设置选中时的字体颜色，tabs里面的字体样式优先级最高 labelStyle: const TextStyle(fontSize: 16, fontWeight: FontWeight.w700), unselectedLabelColor: const Color(0xFF666666), //设置未选中时的字体颜色，tabs里面的字体样式优先级最高 unselectedLabelStyle: const TextStyle(fontSize: 16, fontWeight: FontWeight.w700), onTap: (int index) { _pageController!.jumpToPage(index); }, ), ), Expanded( child: PageView( controller: _pageController, children: tabView!, onPageChanged: (index) { _tabController!.animateTo(index); }, ), ) ], ), ), ); } }