79 lines
2.1 KiB
Dart
79 lines
2.1 KiB
Dart
import 'package:flutter/material.dart';
|
|
import 'package:skywood/main/lib_file.dart';
|
|
import 'package:skywood/utils/tools/widgets/sky_common_widget.dart';
|
|
|
|
class LikeHeader extends StatefulWidget {
|
|
|
|
const LikeHeader({super.key,
|
|
required this.onSelectedIndex,
|
|
});
|
|
|
|
final Function(int) onSelectedIndex;
|
|
|
|
@override
|
|
State<StatefulWidget> createState() {
|
|
return _LikeHeaderState();
|
|
}
|
|
}
|
|
|
|
class _LikeHeaderState extends State<LikeHeader> {
|
|
|
|
int _selectedIndex = 0;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
return SizedBox(
|
|
height: 55,
|
|
child: Row(
|
|
children: [
|
|
_buildCollectionBg(0, 'My collection'),
|
|
_buildCollectionBg(1, 'Play Log'),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
|
|
// shadows: [Shadow(offset: Offset(1, 1), blurRadius: 0, color: Color(0xFF040408).withOpacity(1.00))],
|
|
Widget _buildCollectionBg(int index, String title) {
|
|
String img = index == _selectedIndex ? ConstImg.likeSelectedBg : ConstImg.likeUnselectBg;
|
|
return SizedBox(
|
|
width: 155.w, height: 55,
|
|
child: Stack(
|
|
children: [
|
|
HelpImg.asset(img, width: 155.w, height: 55, fit: BoxFit.fill),
|
|
Positioned(
|
|
right: 22, bottom: 12, left: 28,
|
|
child: SkyText(text: title,
|
|
fontSize: 14,
|
|
fontWeight: FontWeight.w800,
|
|
color: index == _selectedIndex ? Colors.white : CommonColor.withValue('B1B1B1'),
|
|
shadow: index == _selectedIndex
|
|
? Shadow(offset: Offset(1, 1), blurRadius: 0, color: Color(0xFF040408).withOpacity(1.00))
|
|
: null,
|
|
textAlign: TextAlign.center,
|
|
),
|
|
)
|
|
],
|
|
),
|
|
).addInkWell(onTap: () {
|
|
if (_selectedIndex == index) return;
|
|
setState(() {
|
|
_selectedIndex = index;
|
|
});
|
|
widget.onSelectedIndex(index);
|
|
},);
|
|
}
|
|
|
|
_buildLogBg() {
|
|
return Container(
|
|
width: 160.w, height: 55,
|
|
child: HelpImg.asset(ConstImg.playlogBg, fit: BoxFit.fill),
|
|
).addInkWell(onTap: () {
|
|
if (_selectedIndex == 1) return;
|
|
setState(() {
|
|
_selectedIndex = 1;
|
|
});
|
|
},);
|
|
}
|
|
} |