112 lines
2.8 KiB
Dart
112 lines
2.8 KiB
Dart
// Author: fengshengxiong
|
|
// Date: 2024/6/21
|
|
// Description: 首页单曲Item
|
|
|
|
import 'package:flutter/material.dart';
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart';
|
|
import 'package:get/get.dart';
|
|
import 'package:tone_snap/components/network_image_widget.dart';
|
|
import 'package:tone_snap/data/models/music_model.dart';
|
|
import 'package:tone_snap/generated/assets.dart';
|
|
import 'package:tone_snap/modules/sideb/more_bottom_sheet/more_bottom_sheet_view.dart';
|
|
import 'package:tone_snap/utils/obj_util.dart';
|
|
|
|
class BrowseItemAtv extends StatelessWidget {
|
|
const BrowseItemAtv({super.key, required this.musicModel, required this.onTap});
|
|
|
|
final MusicModel musicModel;
|
|
final Function() onTap;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return ClipRRect(
|
|
borderRadius: BorderRadius.circular(8).r,
|
|
child: Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
onTap: onTap,
|
|
child: SizedBox(
|
|
height: 60.w,
|
|
child: Row(
|
|
children: [
|
|
_buildCover(),
|
|
_buildContent(),
|
|
_buildMore(),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildCover() {
|
|
return NetworkImageWidget(
|
|
url: musicModel.coverUrl,
|
|
width: 60.w,
|
|
height: 60.w,
|
|
radius: 8.r,
|
|
);
|
|
}
|
|
|
|
Widget _buildContent() {
|
|
return Expanded(
|
|
child: Padding(
|
|
padding: const EdgeInsets.only(left: 12).w,
|
|
child: Column(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
crossAxisAlignment: CrossAxisAlignment.start,
|
|
children: [
|
|
Text(
|
|
ObjUtil.getStr(musicModel.title),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 14.sp,
|
|
),
|
|
),
|
|
SizedBox(height: 4.h),
|
|
Text(
|
|
ObjUtil.getStr(musicModel.subtitle),
|
|
maxLines: 1,
|
|
overflow: TextOverflow.ellipsis,
|
|
style: TextStyle(
|
|
color: const Color(0xFF666666),
|
|
fontSize: 12.sp,
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
Widget _buildMore() {
|
|
return ClipOval(
|
|
child: Material(
|
|
color: Colors.transparent,
|
|
child: InkWell(
|
|
onTap: onTapMore,
|
|
child: Padding(
|
|
padding: const EdgeInsets.all(4).w,
|
|
child: Image.asset(
|
|
Assets.sideBMore,
|
|
width: 24.w,
|
|
height: 24.w,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
void onTapMore() {
|
|
Get.bottomSheet(
|
|
MoreBottomSheetView(
|
|
musicModel: musicModel,
|
|
),
|
|
);
|
|
}
|
|
}
|