Spark
12 months ago
parent
38921f848f
commit
e908f62d86
@ -1,329 +0,0 @@
|
||||
import 'package:flutter/material.dart';
|
||||
import 'package:get/get.dart';
|
||||
import 'package:music_player_miao/api/api_music_return.dart';
|
||||
import 'package:music_player_miao/common_widget/app_data.dart';
|
||||
import 'package:music_player_miao/models/getComment_bean.dart';
|
||||
import 'package:music_player_miao/models/universal_bean.dart';
|
||||
import 'package:music_player_miao/widget/text_field.dart';
|
||||
|
||||
|
||||
class CommentView extends StatefulWidget {
|
||||
|
||||
|
||||
@override
|
||||
_CommentViewState createState() => _CommentViewState();
|
||||
|
||||
CommentView({super.key, required this.initialSongIndex});
|
||||
|
||||
late final int initialSongIndex;
|
||||
}
|
||||
|
||||
class _CommentViewState extends State<CommentView> {
|
||||
List comments = [];
|
||||
|
||||
TextEditingController commentController = TextEditingController();
|
||||
FocusNode commentFocusNode = FocusNode();
|
||||
List commentTimes = [];
|
||||
List commentHeader = [];
|
||||
List commentName = [];
|
||||
bool ascendingOrder = true;
|
||||
int playlistCount = 0;
|
||||
|
||||
@override
|
||||
void initState() {
|
||||
super.initState();
|
||||
_fetchSonglistData();
|
||||
}
|
||||
|
||||
Future<void> _fetchSonglistData() async {
|
||||
try {
|
||||
GetCommentBean bean1 = await getCommentApi().getComment(
|
||||
musicId: '1',
|
||||
pageNo: '0',
|
||||
pageSize: '10',
|
||||
Authorization: AppData().currentToken,
|
||||
);
|
||||
|
||||
// 检查 rows 是否为空
|
||||
if (bean1.rows == null) {
|
||||
print('No comments found');
|
||||
return;
|
||||
}
|
||||
|
||||
setState(() {
|
||||
comments = bean1.rows!.map((rows) => rows.content ?? 'No content').toList();
|
||||
commentTimes = bean1.rows!.map((rows) => rows.time ?? 'Unknown time').toList();
|
||||
commentHeader = bean1.rows!.map((rows) => rows.avatar ?? 'Default avatar').toList();
|
||||
commentName = bean1.rows!.map((rows) => rows.username ?? 'Anonymous').toList();
|
||||
playlistCount = comments.length;
|
||||
});
|
||||
} catch (error) {
|
||||
print('Error fetching songlist data: $error');
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
||||
|
||||
@override
|
||||
Widget build(BuildContext context) {
|
||||
return Scaffold(
|
||||
// backgroundColor: Colors.transparent,
|
||||
appBar: AppBar(
|
||||
centerTitle: true,
|
||||
backgroundColor: const Color(0xffF6FFD1),
|
||||
title: const Text(
|
||||
'评论(200)',
|
||||
style: TextStyle(
|
||||
color: Colors.black,
|
||||
fontSize: 22
|
||||
),
|
||||
),
|
||||
elevation: 0,
|
||||
leading: IconButton(
|
||||
onPressed: () {
|
||||
Get.back();
|
||||
},
|
||||
icon: Image.asset(
|
||||
"assets/img/back.png",
|
||||
width: 25,
|
||||
height: 25,
|
||||
fit: BoxFit.contain,
|
||||
),
|
||||
),
|
||||
),
|
||||
body: Column(
|
||||
children: [
|
||||
Container(
|
||||
height: 80,
|
||||
padding: const EdgeInsets.only(left: 20, right: 10),
|
||||
decoration: BoxDecoration(
|
||||
color: const Color(0xffF9F2AF),
|
||||
borderRadius: BorderRadius.circular(20)
|
||||
),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
ClipRRect(
|
||||
borderRadius: BorderRadius.circular(10),
|
||||
child: Image.asset(
|
||||
"assets/img/artist_pic.png",
|
||||
width: 60,
|
||||
height: 60,
|
||||
fit: BoxFit.cover,
|
||||
),
|
||||
),
|
||||
const SizedBox(width: 20,),
|
||||
const Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
mainAxisAlignment: MainAxisAlignment.center,
|
||||
children: [
|
||||
Text(
|
||||
"背对背拥抱",
|
||||
maxLines: 1,
|
||||
style: TextStyle(
|
||||
color: Colors.black,
|
||||
fontSize: 16,
|
||||
fontWeight: FontWeight.w400),
|
||||
),
|
||||
Text(
|
||||
"林俊杰",
|
||||
maxLines: 1,
|
||||
style: TextStyle(color: Colors.black, fontSize: 14),
|
||||
)
|
||||
],
|
||||
),
|
||||
],
|
||||
),
|
||||
IconButton(
|
||||
onPressed: () {},
|
||||
icon: Image.asset(
|
||||
"assets/img/music_pause.png",
|
||||
width: 25,
|
||||
height: 25,
|
||||
fit: BoxFit.contain,
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(10.0),
|
||||
child: Row(
|
||||
mainAxisAlignment: MainAxisAlignment.spaceBetween,
|
||||
children: [
|
||||
const Text(
|
||||
"评论区",
|
||||
style: TextStyle(
|
||||
fontSize: 18
|
||||
),
|
||||
),
|
||||
Row(
|
||||
children: [
|
||||
const Text(
|
||||
"时间",
|
||||
style: TextStyle(
|
||||
fontSize: 16
|
||||
),
|
||||
),
|
||||
IconButton(
|
||||
onPressed: () {
|
||||
setState(() {
|
||||
ascendingOrder = !ascendingOrder;
|
||||
|
||||
// 使用时间排序索引列表
|
||||
List<int> sortedIndexes = List<int>.generate(comments.length, (i) => i);
|
||||
sortedIndexes.sort((a, b) {
|
||||
DateTime timeA = DateTime.parse(commentTimes[a]);
|
||||
DateTime timeB = DateTime.parse(commentTimes[b]);
|
||||
return ascendingOrder ? timeA.compareTo(timeB) : timeB.compareTo(timeA);
|
||||
});
|
||||
|
||||
comments = [for (var i in sortedIndexes) comments[i]];
|
||||
commentTimes = [for (var i in sortedIndexes) commentTimes[i]];
|
||||
commentHeader = [for (var i in sortedIndexes) commentHeader[i]];
|
||||
commentName = [for (var i in sortedIndexes) commentName[i]];
|
||||
});
|
||||
},
|
||||
icon: Image.asset(
|
||||
ascendingOrder
|
||||
? "assets/img/commend_up.png"
|
||||
: "assets/img/commend_down.png",
|
||||
fit: BoxFit.contain,
|
||||
),
|
||||
),
|
||||
|
||||
],
|
||||
)
|
||||
],
|
||||
),
|
||||
),
|
||||
/// 显示评论的区域
|
||||
Expanded(
|
||||
child:
|
||||
ListView.builder(
|
||||
itemCount: comments.length,
|
||||
itemBuilder: (context, index) {
|
||||
return ListTile(
|
||||
title: Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Row(
|
||||
children: [
|
||||
CircleAvatar(
|
||||
backgroundImage: NetworkImage(commentHeader[index])
|
||||
),
|
||||
const SizedBox(width: 10,),
|
||||
Column(
|
||||
crossAxisAlignment: CrossAxisAlignment.start,
|
||||
children: [
|
||||
Text(commentName[index],
|
||||
style: const TextStyle(fontSize: 18)),
|
||||
const SizedBox(width: 8),
|
||||
// Adjust the spacing between elements
|
||||
Text(commentTimes[index],
|
||||
style: const TextStyle(fontSize: 14),),
|
||||
// Add the timestamp
|
||||
],
|
||||
),
|
||||
],
|
||||
), // Ad
|
||||
Padding(
|
||||
padding: const EdgeInsets.only(
|
||||
left: 50, top: 10, bottom: 20),
|
||||
child: Text(
|
||||
comments[index],
|
||||
style: const TextStyle(
|
||||
fontSize: 18), // Customize the font size if needed
|
||||
),
|
||||
),
|
||||
Container(
|
||||
width: 560,
|
||||
height: 2,
|
||||
color: const Color(0xffE3F0ED),
|
||||
)
|
||||
],
|
||||
),
|
||||
);
|
||||
},
|
||||
),
|
||||
),
|
||||
|
||||
///输入框和提交按钮
|
||||
Padding(
|
||||
padding: const EdgeInsets.all(8.0),
|
||||
child: Row(
|
||||
children: [
|
||||
Expanded(
|
||||
child: TextFieldColor(
|
||||
controller: commentController,
|
||||
hintText: '来发表你的评论吧!',
|
||||
)
|
||||
),
|
||||
const SizedBox(width: 8.0),
|
||||
ElevatedButton(
|
||||
onPressed: () async {
|
||||
submitComment();
|
||||
UniversalBean bean = await commentMusic().comment(
|
||||
musicId: widget.initialSongIndex,
|
||||
content: commentController.text,
|
||||
Authorization: AppData().currentToken);
|
||||
},
|
||||
style: ElevatedButton.styleFrom(
|
||||
backgroundColor: const Color(0xff429482),
|
||||
// Change Colors.blue to your desired background color
|
||||
shape: RoundedRectangleBorder(
|
||||
borderRadius: BorderRadius.circular(
|
||||
10), // Adjust the radius as needed
|
||||
),
|
||||
minimumSize: const Size(30, 44),
|
||||
),
|
||||
child: const Text(
|
||||
'提交',
|
||||
style: TextStyle(
|
||||
fontSize: 16
|
||||
),
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
),
|
||||
],
|
||||
),
|
||||
);
|
||||
}
|
||||
|
||||
void submitComment() async {
|
||||
String comment = commentController.text.trim();
|
||||
if (comment.isEmpty) {
|
||||
print('Comment cannot be empty');
|
||||
Get.snackbar('错误', '评论不能为空');
|
||||
return;
|
||||
}
|
||||
|
||||
print('Submitting comment with content: $comment');
|
||||
|
||||
try {
|
||||
UniversalBean bean = await commentMusic().comment(
|
||||
musicId: widget.initialSongIndex,
|
||||
content: comment,
|
||||
Authorization: AppData().currentToken,
|
||||
);
|
||||
|
||||
// 处理响应结果
|
||||
if (bean.code == 200) {
|
||||
print('Comment submitted successfully');
|
||||
commentController.clear();
|
||||
_fetchSonglistData(); // 刷新评论列表
|
||||
} else {
|
||||
print('Failed to submit comment: ${bean.msg}');
|
||||
Get.snackbar('错误', bean.msg ?? '评论提交失败');
|
||||
}
|
||||
} catch (error) {
|
||||
print('Error submitting comment: $error');
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
Loading…
Reference in new issue