import 'package:cached_network_image/cached_network_image.dart'; import 'package:circle_app/app/circle/logic.dart'; import 'package:circle_app/app/circle/widgets/info_list_view.dart'; import 'package:circle_app/app/my_circle/logic.dart'; import 'package:circle_app/app/select_circle/logic.dart'; import 'package:circle_app/common/Widgets/circle_share.dart'; import 'package:circle_app/common/Widgets/text_more.dart'; import 'package:circle_app/components/my_app_bar.dart'; import 'package:circle_app/router/app_routers.dart'; import 'package:circle_app/util/util.dart'; import 'package:flutter/material.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; import 'package:flutter_swiper/flutter_swiper.dart'; import 'package:get/get.dart'; import '../../util/eventBus.dart'; class My_circlePage extends StatefulWidget { My_circlePage({Key? key}) : super(key: key); @override _My_circlePageState createState() => _My_circlePageState(); } class _My_circlePageState extends State with AutomaticKeepAliveClientMixin { @override bool get wantKeepAlive => true; // 是否需要缓存 final logic = Get.put(MyCircleLogic()); final state = Get.find().state; var getContext; @override Widget build(BuildContext context) { getContext = context; return Container( width: MediaQuery.of(context).size.width, height: MediaQuery.of(context).size.height, decoration: BoxDecoration( color: Color(0xFF423055), image: DecorationImage( fit: BoxFit.fill, image: AssetImage(getBaseImage('home_back')))), child: Scaffold( backgroundColor: Colors.transparent, body: SafeArea( child: GetBuilder(builder: (MyCircleLogic controller) { return Stack( children: [ Container( width: MediaQuery.of(context).size.width, height: MediaQuery.of(context).size.height, child: Container( child: Column(children: [ backNavigatorItem(), // Text(controller.state.msg), //组件使用 Expanded( child: logic.circle.lists.isEmpty ? !logic.isMore ? noResultWidget() : loaddingWidget(logic.isMore) : ListView.builder( // controller: logic.rightCtr, itemBuilder: (context, index) { var bean = logic.circle.lists[index]; return GestureDetector( behavior: HitTestBehavior.translucent, onTap: () { Get.toNamed(AppRoutes.Signal_circle_list, arguments: bean.id); }, child: circleInfoItemWidget( logic.circle.lists[index])); }, itemCount: logic.circle.lists.length, )) // Swiper( // itemBuilder: (BuildContext context, int index) { // var bean = logic.circle.lists[index]; // // final GlobalKey infoListViewKey = GlobalKey(); // // MyinfoListViewKey = infoListViewKey; // return InfoListView( // index, // bean, // controller // ); // }, // index: controller.state.index, // itemCount: logic.circle.lists.length, // viewportFraction: 0.93, // // scale: 0.9, // loop: false, // onIndexChanged: (index) { // controller.state.index = index; // if (index == logic.circle.lists.length - 1 && controller.isMore) { // // logic.loadMore(); // } // // }, // // pagination: new SwiperPagination(),//如果不填则不显示指示点 // // control: new SwiperControl(),//如果不填则不显示左右按钮 // ) ]), ), ), ], ); }), ), )); } var MyinfoListViewKey; circleInfoItemWidget(Circle bean) { List urlList = bean.lastJoinUsers; List widgets = []; int i = 0; // print(urlList); if (null != urlList) { urlList.forEach((element) { if (widgets.length > 2) { return; } widgets.add(Positioned( left: 15.sp * i, child: circleWidget( element.avatar! ?? "https://qiniuyun.leyuan666.com/quanzi/avatar/default.png", ), )); i++; }); } return Container( margin: EdgeInsets.only(bottom: 10.sp, left: 10.sp, right: 10.sp), child: Column( children: [ ClipRRect( borderRadius: BorderRadius.only( topLeft: Radius.circular(10.sp), topRight: Radius.circular(10.sp)), child: Container( padding: EdgeInsets.only(left: 12.sp, right: 12.sp), height: 72.sp, decoration: BoxDecoration( image: DecorationImage( fit: BoxFit.fill, image: AssetImage(getCircleImage('top_circle_bg')))), child: Row( // mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ Container( width: 42.sp, height: 42.sp, decoration: BoxDecoration( borderRadius: BorderRadius.circular(8.0), gradient: const LinearGradient( begin: Alignment.topCenter, end: Alignment.bottomCenter, colors: [ Color(0xFF71F3F2), Color(0xFFF558FF), ], stops: [0.0365, 0.9427], ), ), padding: EdgeInsets.all(1.sp), child: ClipRRect( borderRadius: BorderRadius.circular(8.0), child: CachedNetworkImage( imageUrl: bean.image, width: 40.sp, height: 40.sp, memCacheHeight: 40, memCacheWidth: 40, fit: BoxFit.cover), ), ), Expanded( child: Container( padding: EdgeInsets.only(left: 8.sp, top: 12.sp), // alignment: Alignment., height: 72.sp, child: Column( crossAxisAlignment: CrossAxisAlignment.start, children: [ Text( bean.title, style: TextStyle( color: Colors.white, fontSize: 18.sp, fontWeight: FontWeight.w600), ), SizedBox( height: 4.sp, ), Text( '${convertToTenThousand(bean.viewTotal)}人看过', textAlign: TextAlign.left, style: TextStyle( color: const Color(0xff03FEFB), fontSize: 12.sp, ), ), ], ), )), GestureDetector( //加入圈子 onTap: () async { if (bean.isJoin) { Get.bottomSheet( CircleShare('','',bean), isScrollControlled: true, enableDrag: false ); } else { await logic.outCircle( bean.id.toString(), bean.isJoin); } }, child: Stack( alignment: Alignment.center, children: [ Image.asset( getCircleImage('add'), width: 77.sp, ), Text( !bean.isJoin ? '申请加入' : '分享有奖', style: TextStyle( color: Colors.white, fontSize: 12.sp), ) ], )) ], ), )), Container( padding: EdgeInsets.only(left: 12.sp, right: 12.sp), // height:urlList.length==0?47.sp: 118.sp, decoration: BoxDecoration( image: DecorationImage( fit: BoxFit.fill, image: AssetImage(getCircleImage('circle_desc')))), child: Container( margin: EdgeInsets.only(top: 10.sp, bottom: 10.sp), child: Column( children: [ Container( margin: EdgeInsets.only(bottom: 7.sp), width: Get.width - 20.sp, // height: 50.sp, child: HideText( text: bean.intro, maxWidth: Get.width - 50.sp, additionText: '查看更多', maxLines: 3, style: TextStyle(color: Colors.white, fontSize: 17.sp), additionStyle: TextStyle( color: const Color(0xFFFF4DF6), fontSize: 17.sp), onTap: () { _showTextContentDialog( Get.context!, bean.intro, ); }, )), GestureDetector( behavior: HitTestBehavior.opaque, onTap: () { // showToast("点个鸡毛，星哥还没做"); // Get.toNamed(AppRoutes.FriendsActivity,arguments: '3'); }, child: urlList.length == 0 ? Container() : Row( children: [ SizedBox( height: 30.sp, width: 30.0.sp + 14.sp * (widgets.length - 1.sp), child: Stack( alignment: Alignment.center, children: widgets, ), ), SizedBox( width: 4.sp, ), Text( '${convertToTenThousand(bean.joinTotal)}圈友加入', style: TextStyle( color: Colors.white, fontSize: 12.sp), ), SizedBox( width: 4.sp, ), // GestureDetector( // onTap: () { // // Get.bottomSheet( // // CircleShare(logic.homeData!.inviteCode!,logic.homeData!.link!,bean), isScrollControlled: true, // // enableDrag: false // // ); // }, // behavior: HitTestBehavior.opaque, // child: Container( // height: 30.sp, // alignment: Alignment.center, // child: Image.asset( // getCircleImage('play'), // width: 20.sp, // ), // ), // ) ], ), ), ], ), ), ), ], ), ); } backNavigatorItem() { return MyAppBar( centerTitle: '我的圈子', onCenterTitlePressed: () { EventBusManager.fire(ScrollToTop()); }, actionWdiget: Image.asset( getCircleImage('callout_icon'), width: 75.sp, ), onPressed: () async { List numbers = []; numbers.add(MyConfigData(logic.getCircleIndex().id.toString(), logic.getCircleIndex().title!, false)); var data = await Get.toNamed(AppRoutes.Call_out, arguments: {'numbers': numbers}); // MyinfoListViewKey.currentState?.loadCallOutListData(); // logic.refresh(); // logic.update(); }, ); } navigatorItem() { List urlList = [ 'https://p3-passport.byteimg.com/img/user-avatar/eb429d4dbb3c246f580a6f7894f2b246~100x100.awebp', 'https://p3-passport.byteimg.com/img/user-avatar/eb429d4dbb3c246f580a6f7894f2b246~100x100.awebp', 'https://p3-passport.byteimg.com/img/user-avatar/eb429d4dbb3c246f580a6f7894f2b246~100x100.awebp' ]; List widgets = []; int index = 0; urlList.forEach((element) { widgets.add(Positioned( left: 15.sp * index, child: circleWidget(element), )); index++; }); return Container( width: Get.width, padding: EdgeInsets.only(left: 18.sp, right: 18.sp), height: 44.sp, child: Stack( alignment: Alignment.center, children: [ Positioned( left: 0, child: Container( width: 30.sp * widgets.length, height: 44.sp, child: Stack( alignment: Alignment.centerLeft, children: widgets, ), )), ShaderMask( shaderCallback: (Rect bounds) { return const LinearGradient( begin: Alignment(0.0, -1.0), end: Alignment.bottomCenter, colors: [Color(0xff71F3F2), Color(0xffF657FF)], ).createShader(Offset.zero & bounds.size); }, child: Text( '发现', style: TextStyle( fontSize: 18.sp, fontWeight: FontWeight.w600, color: Colors.white, shadows: [ Shadow(color: Color(0xffF657FF), offset: Offset(0.0, -1)) ]), ), ), Positioned( right: 0, child: GestureDetector( onTap: () { Get.toNamed(AppRoutes.MyCircle, arguments: '', preventDuplicates: false); }, child: Image.asset( getCircleImage('my_circle'), width: 64.sp, ), )), ], ), ); } circleWidget(String url, {double width = 30}) { return GestureDetector( child: Stack( alignment: Alignment.center, children: [ Image.asset( getCircleImage('avatar_bg'), width: width.sp, ), ClipOval( child: Image.network( url, width: (width - 1).sp, height: (width - 1).sp, fit: BoxFit.fill, ), ) ], )); } void _showTextContentDialog(BuildContext context, String msg) { showDialog( context: context, builder: (BuildContext context) { return Dialog( backgroundColor: Colors.transparent, child: Container( height: 300.sp, padding: EdgeInsets.all(1.0), child: Stack( children: [ Container( decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(10.0), gradient: LinearGradient( colors: [Color(0xFFDD3DF4), Color(0xFF30FFD9)], begin: Alignment.topCenter, end: Alignment.bottomCenter, ), ), ), Container( margin: EdgeInsets.all(1.sp), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(10.0), gradient: LinearGradient( colors: [Color(0xFF4C3E5F), Color(0xFF324140)], begin: Alignment.topCenter, end: Alignment.bottomCenter, ), ), ), Container( margin: EdgeInsets.only(top: 24.sp), child: Column( children: [ Container( margin: EdgeInsets.only( top: 12.sp, left: 14.sp, right: 14.sp), alignment: Alignment.center, child: Text( msg, textAlign: TextAlign.center, style: TextStyle( color: Color(0xCCF7FAFA), fontSize: 16.sp), ), ), ], ), ) ], ), ), ); }, ); } void _showOutCircleDialog(BuildContext context, var controller, Circle bean) { showDialog( context: context, builder: (BuildContext context) { return Dialog( backgroundColor: Colors.transparent, child: Container( height: 160.sp, padding: EdgeInsets.all(1.0), child: Stack( children: [ Container( decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(10.0), gradient: LinearGradient( colors: [Color(0xFFDD3DF4), Color(0xFF30FFD9)], begin: Alignment.topCenter, end: Alignment.bottomCenter, ), ), ), Container( margin: EdgeInsets.all(1.sp), decoration: BoxDecoration( shape: BoxShape.rectangle, borderRadius: BorderRadius.circular(10.0), gradient: LinearGradient( colors: [Color(0xFF4C3E5F), Color(0xFF324140)], begin: Alignment.topCenter, end: Alignment.bottomCenter, ), ), ), Container( margin: EdgeInsets.only(top: 24.sp), child: Column( children: [ Center( child: Text( "提示", style: TextStyle(color: Colors.white, fontSize: 16.sp), ), ), Container( margin: EdgeInsets.only( top: 12.sp, left: 14.sp, right: 14.sp), alignment: Alignment.center, child: Text( "是否确认退出该圈子。", textAlign: TextAlign.center, style: TextStyle( color: Color(0xCCF7FAFA), fontSize: 16.sp), ), ), Row( mainAxisAlignment: MainAxisAlignment.center, // mainAxisAlignment: MainAxisAlignment.spaceBetween, children: [ GestureDetector( onTap: () { Navigator.pop(context); }, child: Container( margin: EdgeInsets.only(top: 30.sp), decoration: BoxDecoration( borderRadius: BorderRadius.circular(17), gradient: LinearGradient( colors: [ Color(0x26FFFFFF), Color(0x26FFFFFF), ], begin: Alignment.centerLeft, end: Alignment.centerRight, ), ), padding: EdgeInsets.only( top: 10.sp, bottom: 10.sp, left: 52.sp, right: 52.sp), child: Text( "否", style: TextStyle( color: Colors.white, fontSize: 12, ), ), ), ), SizedBox(width: 24.sp), GestureDetector( onTap: () { Navigator.pop(context); logic.outCircle(bean.id.toString(), bean.isJoin); }, child: Container( margin: EdgeInsets.only(top: 24.sp), decoration: BoxDecoration( borderRadius: BorderRadius.circular(17), gradient: LinearGradient( colors: [ Color(0xFF06F9FA), Color(0xFFDC5BFD), ], begin: Alignment.centerLeft, end: Alignment.centerRight, ), ), padding: EdgeInsets.only( top: 10.sp, bottom: 10.sp, left: 52.sp, right: 52.sp), child: Text( "是", style: TextStyle( color: Colors.white, fontSize: 12, ), ), ), ) ], ) ], ), ) ], ), ), ); }, ); } }