xjw/circle_app
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

修改圈子列表加载

Browse Source
This commit is contained in:
CYH 2023-06-30 17:44:42 +08:00
parent 82921e0d04
commit 9e55ec1d68
2 changed files with 186 additions and 143 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

328
circle_app/lib/app/circle/widgets/info_list_view.dart
View File

@ -13,7 +13,7 @@ import 'package:get/get.dart';
import 'package:get/get_core/src/get_main.dart'; import 'package:get/get_core/src/get_main.dart';
import 'package:get/get.dart'; import 'package:get/get.dart';
class InfoListView extends StatelessWidget { class InfoListView extends StatefulWidget {
// Get.lazyPut(() => ListLogic()); // Get.lazyPut(() => ListLogic());
CircleLogic logic; CircleLogic logic;
@ -22,7 +22,13 @@ class InfoListView extends StatelessWidget {
InfoListView(this.index, this.bean, this.logic, {super.key}); InfoListView(this.index, this.bean, this.logic, {super.key});
@override
State<InfoListView> createState() => _InfoListViewState();
}
class _InfoListViewState extends State<InfoListView> {
List<String> genderList = ['男', '女,' 'MTF', 'FTM', 'CD', '酷儿']; List<String> genderList = ['男', '女,' 'MTF', 'FTM', 'CD', '酷儿'];
List<String> orientationList = [ List<String> orientationList = [
'异性恋', '异性恋',
'同性恋', '同性恋',
@ -32,19 +38,26 @@ class InfoListView extends StatelessWidget {
'智性恋', '智性恋',
'性单恋' '性单恋'
]; ];
List<String> roleList = ['Sado', 'Maso', 'Dom', 'Sub', 'Switch']; List<String> roleList = ['Sado', 'Maso', 'Dom', 'Sub', 'Switch'];
ListLogic? listsLg; ListLogic? listsLg;
@override @override
Widget build(BuildContext context) { void initState() {
// TODO: implement initState
super.initState();
Get.lazyPut(() => ListLogic()); Get.lazyPut(() => ListLogic());
listsLg = Get.find<ListLogic>(); listsLg = Get.find<ListLogic>();
listsLg!.loadCallOutListData(bean.id.toString()); listsLg!.loadCallOutListData(widget.bean.id.toString());
}
@override
Widget build(BuildContext context) {
TextSpan descSpan; TextSpan descSpan;
TextSpan span; TextSpan span;
if (bean.intro.length > 60) { if (widget.bean.intro.length > 60) {
String truncatedText = bean.intro.substring(0, 60); String truncatedText = widget.bean.intro.substring(0, 60);
descSpan = TextSpan( descSpan = TextSpan(
text: truncatedText, text: truncatedText,
style: TextStyle(color: Colors.white, fontSize: 10.sp), style: TextStyle(color: Colors.white, fontSize: 10.sp),
@ -55,7 +68,7 @@ class InfoListView extends StatelessWidget {
); );
} else { } else {
descSpan = TextSpan( descSpan = TextSpan(
text: bean.intro, text: widget.bean.intro,
style: TextStyle(color: Colors.white, fontSize: 10.sp), style: TextStyle(color: Colors.white, fontSize: 10.sp),
); );
span = TextSpan( span = TextSpan(
@ -64,7 +77,7 @@ class InfoListView extends StatelessWidget {
); );
} }
List<JoinUser> urlList = bean.lastJoinUsers; List<JoinUser> urlList = widget.bean.lastJoinUsers;
List<Widget> widgets = []; List<Widget> widgets = [];
int i = 0; int i = 0;
urlList.forEach((element) { urlList.forEach((element) {
@ -82,8 +95,8 @@ class InfoListView extends StatelessWidget {
borderRadius: BorderRadius.circular(10.sp), borderRadius: BorderRadius.circular(10.sp),
child: Container( child: Container(
width: Get.width, width: Get.width,
margin: margin: EdgeInsets.only(
EdgeInsets.only(left: index > 0 ? 4.sp : 0, right: 4.sp), left: widget.index > 0 ? 4.sp : 0, right: 4.sp),
child: Stack( child: Stack(
children: [ children: [
ClipRRect( ClipRRect(
@ -106,6 +119,7 @@ class InfoListView extends StatelessWidget {
child: listLogic.lists.isEmpty child: listLogic.lists.isEmpty
? loaddingWidget(true) ? loaddingWidget(true)
: ListView.builder( : ListView.builder(
physics: const AlwaysScrollableScrollPhysics(),
scrollDirection: Axis.vertical, scrollDirection: Axis.vertical,
controller: listLogic.scrollController, controller: listLogic.scrollController,
itemCount: listLogic.lists.length + 2, itemCount: listLogic.lists.length + 2,
@ -130,7 +144,8 @@ class InfoListView extends StatelessWidget {
child: GestureDetector( child: GestureDetector(
onTap: () { onTap: () {
_showTextContentDialog( _showTextContentDialog(
context, bean.intro); context,
widget.bean.intro);
}, },
child: RichText( child: RichText(
overflow: TextOverflow.fade, overflow: TextOverflow.fade,
@ -161,7 +176,7 @@ class InfoListView extends StatelessWidget {
width: 8.sp, width: 8.sp,
), ),
Text( Text(
'${convertToTenThousand(bean.viewTotal)}圈友', '${convertToTenThousand(widget.bean.viewTotal)}圈友',
style: TextStyle( style: TextStyle(
color: Colors.white, color: Colors.white,
fontSize: 12.sp), fontSize: 12.sp),
@ -231,7 +246,7 @@ class InfoListView extends StatelessWidget {
child: ClipRRect( child: ClipRRect(
borderRadius: BorderRadius.circular(8.0), borderRadius: BorderRadius.circular(8.0),
child: Image.network( child: Image.network(
bean.image, widget.bean.image,
width: 40.sp, width: 40.sp,
height: 40.sp, height: 40.sp,
), ),
@ -247,7 +262,7 @@ class InfoListView extends StatelessWidget {
crossAxisAlignment: CrossAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start,
children: [ children: [
Text( Text(
bean.title, widget.bean.title,
style: TextStyle( style: TextStyle(
color: Colors.white, color: Colors.white,
fontSize: 18.sp, fontSize: 18.sp,
@ -257,7 +272,7 @@ class InfoListView extends StatelessWidget {
height: 4.sp, height: 4.sp,
), ),
Text( Text(
'${convertToTenThousand(bean.joinTotal)}人看过', '${convertToTenThousand(widget.bean.joinTotal)}人看过',
textAlign: TextAlign.left, textAlign: TextAlign.left,
style: TextStyle( style: TextStyle(
color: Color(0xff03FEFB), color: Color(0xff03FEFB),
@ -268,26 +283,32 @@ class InfoListView extends StatelessWidget {
), ),
)), )),
GestureDetector( GestureDetector(
onTap: () async { onTap: () async {
if (bean.isJoin) { if (widget.bean.isJoin) {
_showOutCircleDialog(context, logic, bean); _showOutCircleDialog(
} else { context, widget.logic, widget.bean);
await logic.outCircle( } else {
bean.id.toString(), bean.isJoin); await widget.logic.outCircle(
logic.update(); widget.bean.id.toString(),
} widget.bean.isJoin);
}, widget.logic.update();
child:Stack( }
alignment: Alignment.center, },
children: [ child: Stack(
Image.asset( alignment: Alignment.center,
getCircleImage('add'), children: [
width: 77.sp, Image.asset(
), getCircleImage('add'),
Text(!bean.isJoin ? '申请加入':'已加入',style: TextStyle(color: Colors.white,fontSize: 12.sp),) width: 77.sp,
], ),
) Text(
) !widget.bean.isJoin ? '申请加入' : '已加入',
style: TextStyle(
color: Colors.white,
fontSize: 12.sp),
)
],
))
], ],
), ),
)), )),
@ -405,7 +426,7 @@ class InfoListView extends StatelessWidget {
picHeight = 109.sp; picHeight = 109.sp;
} }
} else { } else {
picHeight = 109.sp; picHeight = 140.sp;
} }
} }
} }
@ -457,7 +478,8 @@ class InfoListView extends StatelessWidget {
), ),
GestureDetector( GestureDetector(
onTap: () { onTap: () {
listsLg?.pushMsgPage(lists,lists.id.toString()); listsLg?.pushMsgPage(
lists, lists.id.toString());
}, },
child: ClipOval( child: ClipOval(
child: Image.network( child: Image.network(
@ -538,50 +560,55 @@ class InfoListView extends StatelessWidget {
child: descText, child: descText,
), ),
Container( Container(
height: 100.sp, height: picHeight,
margin: EdgeInsets.only(top: 5.sp), margin: EdgeInsets.only(top: 5.sp),
child: GridView.builder( child: picHeight == 140.sp
itemCount: lists.album!.length, ? ClipRRect(
physics: const NeverScrollableScrollPhysics(), borderRadius: BorderRadius.circular(6.sp),
gridDelegate: SliverGridDelegateWithFixedCrossAxisCount( child: VideoItemWidget(lists.album![0]!.url!))
crossAxisCount: 3, //横轴三个子widget : GridView.builder(
crossAxisSpacing: 8.sp, itemCount: lists.album!.length,
mainAxisSpacing: 8.sp, physics: const NeverScrollableScrollPhysics(),
childAspectRatio: 1.0 //宽高比为1时，子widget gridDelegate:
), SliverGridDelegateWithFixedCrossAxisCount(
itemBuilder: (contentxt, currentIndex) { crossAxisCount: 3, //横轴三个子widget
Album album = lists.album![currentIndex]; crossAxisSpacing: 8.sp,
if (album.type == 2) { mainAxisSpacing: 8.sp,
return ClipRRect( childAspectRatio: 1.0 //宽高比为1时，子widget
borderRadius: BorderRadius.circular(6.sp), ),
child: VideoItemWidget(album.url!)); itemBuilder: (contentxt, currentIndex) {
} Album album = lists.album![currentIndex];
return GestureDetector( return GestureDetector(
onTap: () { onTap: () {
var imgList = <String>[]; var imgList = <String>[];
for (var element in lists.album!) { for (var element in lists.album!) {
imgList.add(element.url!); imgList.add(element.url!);
} }
Get.toNamed(AppRoutes.Swiper, arguments: { Get.toNamed(AppRoutes.Swiper, arguments: {
'imaglist': imgList, 'imaglist': imgList,
'index': currentIndex 'index': currentIndex
}); });
}, },
child: ClipRRect( child: ClipRRect(
borderRadius: BorderRadius.circular(6.sp), borderRadius: BorderRadius.circular(6.sp),
child: CachedNetworkImage( child: CachedNetworkImage(
imageUrl: album.url!, imageUrl: album.url!,
placeholder: (context, url) => // placeholder: (context, url) =>
CircularProgressIndicator( // SizedBox(
color: Color(0xFF07FAFB), // width: 30.sp,
// height: 30.sp,
// child: CircularProgressIndicator(
// color: Color(0xFF07FAFB),
// strokeWidth: 2.sp,
// ),
// ),
errorWidget: (context, url, error) =>
Icon(Icons.error),
fit: BoxFit.cover,
),
), ),
errorWidget: (context, url, error) => );
Icon(Icons.error), }),
fit: BoxFit.cover,
),
),
);
}),
), ),
Container( Container(
height: 34.sp, height: 34.sp,
@ -620,7 +647,8 @@ class InfoListView extends StatelessWidget {
)), )),
GestureDetector( GestureDetector(
onTap: () { onTap: () {
listsLg?.pushMsgPage(lists,bean.id.toString()); listsLg?.pushMsgPage(
lists, widget.bean.id.toString());
}, },
child: Image.asset( child: Image.asset(
getCircleImage('chat'), getCircleImage('chat'),
@ -658,7 +686,7 @@ class InfoListView extends StatelessWidget {
picHeight = 109.sp; picHeight = 109.sp;
} }
} else { } else {
picHeight = 109.sp; picHeight = 140.sp;
} }
} }
} }
@ -732,18 +760,19 @@ class InfoListView extends StatelessWidget {
getCircleImage('avatar_bg'), getCircleImage('avatar_bg'),
width: 42.sp, width: 42.sp,
), ),
GestureDetector( GestureDetector(
onTap: () { onTap: () {
listsLg?.pushMsgPage(lists,bean.id.toString()); listsLg?.pushMsgPage(
}, lists, widget.bean.id.toString());
child:ClipOval( },
child: Image.network( child: ClipOval(
lists.user!.avatar!, child: Image.network(
width: 40.sp, lists.user!.avatar!,
height: 40.sp, width: 40.sp,
fit: BoxFit.fill, height: 40.sp,
), fit: BoxFit.fill,
)) ),
))
], ],
)), )),
Expanded( Expanded(
@ -816,50 +845,61 @@ class InfoListView extends StatelessWidget {
picHeight > 0 picHeight > 0
? Container( ? Container(
height: picHeight, height: picHeight,
alignment: Alignment.centerLeft,
margin: EdgeInsets.only(top: 5.sp), margin: EdgeInsets.only(top: 5.sp),
child: GridView.builder( child: picHeight == 140.sp
itemCount: lists.album!.length, ? ClipRRect(
physics: const NeverScrollableScrollPhysics(), borderRadius: BorderRadius.circular(6.sp),
gridDelegate: child: VideoItemWidget(lists.album![0].url!))
SliverGridDelegateWithFixedCrossAxisCount( : GridView.builder(
crossAxisCount: 3, //横轴三个子widget itemCount: lists.album!.length,
crossAxisSpacing: 8.sp, physics: const NeverScrollableScrollPhysics(),
mainAxisSpacing: 8.sp, gridDelegate:
childAspectRatio: 1.0 //宽高比为1时，子widget SliverGridDelegateWithFixedCrossAxisCount(
), crossAxisCount: 3, //横轴三个子widget
itemBuilder: (contentxt, currentIndex) { crossAxisSpacing: 8.sp,
Album album = lists.album![currentIndex]; mainAxisSpacing: 8.sp,
if (album.type == 2) { childAspectRatio: 1.0 //宽高比为1时，子widget
return ClipRRect( ),
borderRadius: BorderRadius.circular(6.sp), itemBuilder: (contentxt, currentIndex) {
child: VideoItemWidget(album.url!)); Album album = lists.album![currentIndex];
} if (album.type == 2) {
return GestureDetector( return ClipRRect(
onTap: () { borderRadius:
var imgList = <String>[]; BorderRadius.circular(6.sp),
for (var element in lists.album!) { child: VideoItemWidget(album.url!));
imgList.add(element.url!);
} }
Get.toNamed(AppRoutes.Swiper, arguments: { return GestureDetector(
'imaglist': imgList, onTap: () {
'index': currentIndex var imgList = <String>[];
}); for (var element in lists.album!) {
}, imgList.add(element.url!);
child: ClipRRect( }
borderRadius: BorderRadius.circular(6.sp), Get.toNamed(AppRoutes.Swiper, arguments: {
child: CachedNetworkImage( 'imaglist': imgList,
imageUrl: album.url!, 'index': currentIndex
placeholder: (context, url) => });
CircularProgressIndicator( },
color: Color(0xFF07FAFB), child: ClipRRect(
borderRadius: BorderRadius.circular(6.sp),
child: CachedNetworkImage(
imageUrl: album.url!,
// placeholder: (context, url) =>
// SizedBox(
// width: 30.sp,
// height: 30.sp,
// child: CircularProgressIndicator(
// color: Color(0xFF07FAFB),
// strokeWidth: 2.sp,
// ),
// ),
errorWidget: (context, url, error) =>
Icon(Icons.error),
fit: BoxFit.cover,
),
), ),
errorWidget: (context, url, error) => );
Icon(Icons.error), }))
fit: BoxFit.cover,
),
),
);
}))
: Container(), : Container(),
Container( Container(
height: 34.sp, height: 34.sp,
@ -896,14 +936,15 @@ class InfoListView extends StatelessWidget {
style: TextStyle( style: TextStyle(
color: Colors.white, fontSize: 12.sp), color: Colors.white, fontSize: 12.sp),
)), )),
GestureDetector( GestureDetector(
onTap: () { onTap: () {
listsLg?.pushMsgPage(lists,bean.id.toString()); listsLg?.pushMsgPage(
}, lists, widget.bean.id.toString());
child:Image.asset( },
getCircleImage('chat'), child: Image.asset(
width: 60.sp, getCircleImage('chat'),
)) width: 60.sp,
))
], ],
), ),
) )
@ -1032,8 +1073,9 @@ class InfoListView extends StatelessWidget {
GestureDetector( GestureDetector(
onTap: () async { onTap: () async {
Navigator.pop(context); Navigator.pop(context);
await logic.outCircle(bean.id.toString(), bean.isJoin); await widget.logic
logic.update(); .outCircle(bean.id.toString(), bean.isJoin);
widget.logic.update();
}, },
child: Container( child: Container(
margin: EdgeInsets.only(top: 24.sp), margin: EdgeInsets.only(top: 24.sp),

1
circle_app/lib/app/circle/widgets/video_item.dart
View File

@ -19,6 +19,7 @@ class _VideoItemWidgetState extends State<VideoItemWidget> {
@override @override
void initState() { void initState() {
super.initState(); super.initState();
// ignore: deprecated_member_use
videoPlayerController = VideoPlayerController.network( videoPlayerController = VideoPlayerController.network(
widget.url) widget.url)
..initialize().then((_) { ..initialize().then((_) {