|
|
|
@ -1,23 +1,22 @@ |
|
|
|
import 'package:flutter/material.dart'; |
|
|
|
import 'package:flutter/material.dart'; |
|
|
|
import 'package:flutter/rendering.dart'; |
|
|
|
import 'package:flutter/rendering.dart'; |
|
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
|
|
import 'package:flutter_screenutil/flutter_screenutil.dart'; |
|
|
|
|
|
|
|
import 'package:huixiang/retrofit/data/brand.dart'; |
|
|
|
import 'package:huixiang/view_widget/icon_text.dart'; |
|
|
|
import 'package:huixiang/view_widget/icon_text.dart'; |
|
|
|
|
|
|
|
|
|
|
|
class StoreTitleTab extends StatefulWidget { |
|
|
|
class StoreTitleTab extends StatefulWidget { |
|
|
|
final ScrollController scrollController; |
|
|
|
final ScrollController scrollController; |
|
|
|
final List<String> brandText; |
|
|
|
final List<Brand> brands; |
|
|
|
|
|
|
|
|
|
|
|
final GlobalKey chiliGlobalKey; |
|
|
|
|
|
|
|
final GlobalKey milkTeaGlobalKey; |
|
|
|
|
|
|
|
final GlobalKey breadGlobalKey; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
final List<GlobalKey> globaKeys; |
|
|
|
final bool isScroll; |
|
|
|
final bool isScroll; |
|
|
|
|
|
|
|
|
|
|
|
StoreTitleTab(this.brandText, |
|
|
|
StoreTitleTab(this.brands, |
|
|
|
{this.scrollController, |
|
|
|
this.globaKeys, |
|
|
|
this.chiliGlobalKey, |
|
|
|
this.scrollController, |
|
|
|
this.milkTeaGlobalKey, |
|
|
|
{ |
|
|
|
this.breadGlobalKey, this.isScroll = false}); |
|
|
|
this.isScroll = false, |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
@override |
|
|
|
@override |
|
|
|
State<StatefulWidget> createState() { |
|
|
|
State<StatefulWidget> createState() { |
|
|
|
@ -30,28 +29,20 @@ class _StoreTitleTab extends State<StoreTitleTab> { |
|
|
|
int selectedIndex1 = -1; |
|
|
|
int selectedIndex1 = -1; |
|
|
|
bool isVisible = false; |
|
|
|
bool isVisible = false; |
|
|
|
|
|
|
|
|
|
|
|
List<String> images = [ |
|
|
|
|
|
|
|
"assets/image/icon_chili.webp", |
|
|
|
|
|
|
|
"assets/image/icon_milk_tea.webp", |
|
|
|
|
|
|
|
"assets/image/icon_bread.webp", |
|
|
|
|
|
|
|
]; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
@override |
|
|
|
@override |
|
|
|
void initState() { |
|
|
|
void initState() { |
|
|
|
super.initState(); |
|
|
|
super.initState(); |
|
|
|
|
|
|
|
|
|
|
|
if (widget.scrollController != null) { |
|
|
|
print("firstOffset: ${widget.globaKeys}"); |
|
|
|
|
|
|
|
print("firstOffset: ${widget.brands}"); |
|
|
|
|
|
|
|
if (widget.scrollController != null && widget.globaKeys != null && widget.globaKeys.length > 0) { |
|
|
|
widget.scrollController?.addListener(() { |
|
|
|
widget.scrollController?.addListener(() { |
|
|
|
RenderBox chiliRenderBox = widget.chiliGlobalKey.currentContext.findRenderObject(); |
|
|
|
if (widget.globaKeys[0].currentContext == null) return; |
|
|
|
RenderBox milkTeaRenderBox = widget.milkTeaGlobalKey.currentContext.findRenderObject(); |
|
|
|
RenderBox firstRenderBox = widget.globaKeys[0].currentContext.findRenderObject(); |
|
|
|
RenderBox breadRenderBox = widget.breadGlobalKey.currentContext.findRenderObject(); |
|
|
|
Offset first = firstRenderBox?.localToGlobal(Offset.zero); |
|
|
|
|
|
|
|
print("firstOffset: ${first.dy}"); |
|
|
|
Offset chiliOffset = chiliRenderBox?.localToGlobal(Offset.zero); |
|
|
|
|
|
|
|
Offset milkTeaOffset = milkTeaRenderBox?.localToGlobal(Offset.zero); |
|
|
|
|
|
|
|
Offset breadOffset = breadRenderBox?.localToGlobal(Offset.zero); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
var top = 96.h; |
|
|
|
var top = 96.h; |
|
|
|
if (chiliOffset.dy <= top) { |
|
|
|
if (first.dy <= top) { |
|
|
|
if (!isVisible) { |
|
|
|
if (!isVisible) { |
|
|
|
isVisible = true; |
|
|
|
isVisible = true; |
|
|
|
setState(() {}); |
|
|
|
setState(() {}); |
|
|
|
@ -62,32 +53,66 @@ class _StoreTitleTab extends State<StoreTitleTab> { |
|
|
|
if (b) setState(() {}); |
|
|
|
if (b) setState(() {}); |
|
|
|
selectedIndex = -1; |
|
|
|
selectedIndex = -1; |
|
|
|
} |
|
|
|
} |
|
|
|
if (chiliOffset.dy <= top && breadOffset.dy > top) { |
|
|
|
|
|
|
|
selectedIndex = 0; |
|
|
|
widget.globaKeys.forEach((element) { |
|
|
|
|
|
|
|
if (widget.globaKeys.indexOf(element) < (widget.globaKeys.length - 1)) { |
|
|
|
|
|
|
|
if (element.currentContext == null) return; |
|
|
|
|
|
|
|
RenderBox renderBox = element.currentContext.findRenderObject(); |
|
|
|
|
|
|
|
Offset offset = renderBox?.localToGlobal(Offset.zero); |
|
|
|
|
|
|
|
RenderBox nextRenderBox = element.currentContext.findRenderObject(); |
|
|
|
|
|
|
|
Offset nextOffset = nextRenderBox?.localToGlobal(Offset.zero); |
|
|
|
|
|
|
|
if (offset.dy <= top && nextOffset.dy > top) { |
|
|
|
|
|
|
|
selectedIndex = widget.globaKeys.indexOf(element); |
|
|
|
if (selectedIndex1 != selectedIndex) { |
|
|
|
if (selectedIndex1 != selectedIndex) { |
|
|
|
setState(() { |
|
|
|
setState(() { |
|
|
|
print("object：$selectedIndex"); |
|
|
|
print("object：$selectedIndex"); |
|
|
|
}); |
|
|
|
}); |
|
|
|
selectedIndex1 = selectedIndex; |
|
|
|
selectedIndex1 = selectedIndex; |
|
|
|
} |
|
|
|
} |
|
|
|
} else if (breadOffset.dy <= top && milkTeaOffset.dy > top) { |
|
|
|
return; |
|
|
|
selectedIndex = 1; |
|
|
|
|
|
|
|
if (selectedIndex1 != selectedIndex) { |
|
|
|
|
|
|
|
setState(() { |
|
|
|
|
|
|
|
print("object：$selectedIndex"); |
|
|
|
|
|
|
|
}); |
|
|
|
|
|
|
|
selectedIndex1 = selectedIndex; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} else if (milkTeaOffset.dy <= top) { |
|
|
|
} else { |
|
|
|
selectedIndex = 2; |
|
|
|
RenderBox lastRenderBox = element.currentContext.findRenderObject(); |
|
|
|
|
|
|
|
Offset lastOffset = lastRenderBox?.localToGlobal(Offset.zero); |
|
|
|
|
|
|
|
if (lastOffset.dy <= top) { |
|
|
|
|
|
|
|
selectedIndex = widget.globaKeys.indexOf(element); |
|
|
|
if (selectedIndex1 != selectedIndex) { |
|
|
|
if (selectedIndex1 != selectedIndex) { |
|
|
|
setState(() { |
|
|
|
setState(() { |
|
|
|
print("object：$selectedIndex"); |
|
|
|
print("object：$selectedIndex"); |
|
|
|
}); |
|
|
|
}); |
|
|
|
selectedIndex1 = selectedIndex; |
|
|
|
selectedIndex1 = selectedIndex; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
return; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// if (chiliOffset.dy <= top && breadOffset.dy > top) { |
|
|
|
|
|
|
|
// selectedIndex = 0; |
|
|
|
|
|
|
|
// if (selectedIndex1 != selectedIndex) { |
|
|
|
|
|
|
|
// setState(() { |
|
|
|
|
|
|
|
// print("object：$selectedIndex"); |
|
|
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
// selectedIndex1 = selectedIndex; |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// } else if (breadOffset.dy <= top && milkTeaOffset.dy > top) { |
|
|
|
|
|
|
|
// selectedIndex = 1; |
|
|
|
|
|
|
|
// if (selectedIndex1 != selectedIndex) { |
|
|
|
|
|
|
|
// setState(() { |
|
|
|
|
|
|
|
// print("object：$selectedIndex"); |
|
|
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
// selectedIndex1 = selectedIndex; |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// } else if (milkTeaOffset.dy <= top) { |
|
|
|
|
|
|
|
// selectedIndex = 2; |
|
|
|
|
|
|
|
// if (selectedIndex1 != selectedIndex) { |
|
|
|
|
|
|
|
// setState(() { |
|
|
|
|
|
|
|
// print("object：$selectedIndex"); |
|
|
|
|
|
|
|
// }); |
|
|
|
|
|
|
|
// selectedIndex1 = selectedIndex; |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
// } |
|
|
|
|
|
|
|
}); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -95,21 +120,23 @@ class _StoreTitleTab extends State<StoreTitleTab> { |
|
|
|
Widget build(BuildContext context) { |
|
|
|
Widget build(BuildContext context) { |
|
|
|
return Visibility( |
|
|
|
return Visibility( |
|
|
|
visible: (!widget.isScroll) ? true : isVisible, |
|
|
|
visible: (!widget.isScroll) ? true : isVisible, |
|
|
|
child: Container( |
|
|
|
child: SingleChildScrollView( |
|
|
|
width: MediaQuery.of(context).size.width, |
|
|
|
physics: BouncingScrollPhysics(), |
|
|
|
|
|
|
|
scrollDirection: Axis.horizontal, |
|
|
|
child: Container( |
|
|
|
child: Container( |
|
|
|
height: 52.h, |
|
|
|
height: 52.h, |
|
|
|
|
|
|
|
constraints: BoxConstraints(minWidth: MediaQuery.of(context).size.width), |
|
|
|
color: Colors.white, |
|
|
|
color: Colors.white, |
|
|
|
padding: EdgeInsets.all(6), |
|
|
|
padding: EdgeInsets.all(6), |
|
|
|
alignment: Alignment.center, |
|
|
|
alignment: Alignment.center, |
|
|
|
child: Row( |
|
|
|
child: Row( |
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
|
|
mainAxisAlignment: MainAxisAlignment.spaceAround, |
|
|
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
|
|
crossAxisAlignment: CrossAxisAlignment.center, |
|
|
|
children: (widget.brandText == null || widget.brandText.isEmpty) |
|
|
|
children: (widget.brands == null || widget.brands.length == 0) |
|
|
|
? [] |
|
|
|
? [] |
|
|
|
: (widget.brandText.map((e) { |
|
|
|
: (widget.brands.map((e) { |
|
|
|
return item(e, selectedIndex == widget.brandText.indexOf(e), |
|
|
|
return item(e, selectedIndex == widget.brands.indexOf(e), |
|
|
|
widget.brandText.indexOf(e)); |
|
|
|
widget.brands.indexOf(e)); |
|
|
|
}).toList()), |
|
|
|
}).toList()), |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
), |
|
|
|
@ -117,53 +144,53 @@ class _StoreTitleTab extends State<StoreTitleTab> { |
|
|
|
); |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
Widget item(text, isSelected, index) { |
|
|
|
Widget item(Brand text, isSelected, index) { |
|
|
|
print("selectedIndex: $selectedIndex"); |
|
|
|
print("selectedIndex: $selectedIndex"); |
|
|
|
return GestureDetector( |
|
|
|
return GestureDetector( |
|
|
|
onTap: () { |
|
|
|
onTap: () { |
|
|
|
FlexParentData parendData; |
|
|
|
FlexParentData parendData = widget.globaKeys[index].currentContext |
|
|
|
if (index == 0) { |
|
|
|
|
|
|
|
parendData = widget.chiliGlobalKey.currentContext |
|
|
|
|
|
|
|
.findRenderObject() |
|
|
|
|
|
|
|
.parentData; |
|
|
|
|
|
|
|
} else if (index == 2) { |
|
|
|
|
|
|
|
parendData = widget.milkTeaGlobalKey.currentContext |
|
|
|
|
|
|
|
.findRenderObject() |
|
|
|
|
|
|
|
.parentData; |
|
|
|
|
|
|
|
} else if (index == 1) { |
|
|
|
|
|
|
|
parendData = widget.breadGlobalKey.currentContext |
|
|
|
|
|
|
|
.findRenderObject() |
|
|
|
.findRenderObject() |
|
|
|
.parentData; |
|
|
|
.parentData; |
|
|
|
} |
|
|
|
|
|
|
|
double offset = parendData.offset.dy - 52.h + 20.h; |
|
|
|
double offset = parendData.offset.dy - 52.h + 20.h; |
|
|
|
widget.scrollController.animateTo(offset, |
|
|
|
widget.scrollController.animateTo(offset, |
|
|
|
duration: Duration(seconds: 1), curve: Curves.ease); |
|
|
|
duration: Duration(seconds: 1), curve: Curves.ease); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
child: Container( |
|
|
|
|
|
|
|
padding: EdgeInsets.symmetric(horizontal: 15.w), |
|
|
|
child: tabItem(text, isSelected, index), |
|
|
|
child: tabItem(text, isSelected, index), |
|
|
|
|
|
|
|
), |
|
|
|
); |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
Widget tabItem(text, isSelected, index) { |
|
|
|
// List<String> images = [ |
|
|
|
|
|
|
|
// "assets/image/icon_chili.webp", |
|
|
|
|
|
|
|
// "assets/image/icon_milk_tea.webp", |
|
|
|
|
|
|
|
// "assets/image/icon_bread.webp", |
|
|
|
|
|
|
|
// ]; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Widget tabItem(Brand text, isSelected, index) { |
|
|
|
if (isSelected) { |
|
|
|
if (isSelected) { |
|
|
|
return IconText( |
|
|
|
return IconText( |
|
|
|
text, |
|
|
|
text.name, |
|
|
|
isMax: false, |
|
|
|
isMax: false, |
|
|
|
rightImage: images[index], |
|
|
|
rightImage: text.icon ?? "assets/image/icon_chili.webp", |
|
|
|
iconSize: 16, |
|
|
|
iconSize: 16, |
|
|
|
iconColor: Colors.red, |
|
|
|
iconColor: Colors.red, |
|
|
|
textStyle: TextStyle( |
|
|
|
textStyle: TextStyle( |
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
fontSize: 16.sp, |
|
|
|
fontSize: 16.sp, |
|
|
|
color: Color(0xFF353535)), |
|
|
|
color: Color(0xFF353535), |
|
|
|
|
|
|
|
), |
|
|
|
); |
|
|
|
); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
return IconText( |
|
|
|
return IconText( |
|
|
|
text, |
|
|
|
text.name, |
|
|
|
isMax: false, |
|
|
|
isMax: false, |
|
|
|
textStyle: TextStyle( |
|
|
|
textStyle: TextStyle( |
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
fontWeight: FontWeight.bold, |
|
|
|
fontSize: 16.sp, |
|
|
|
fontSize: 16.sp, |
|
|
|
color: Color(0xFF353535)), |
|
|
|
color: Color(0xFF353535), |
|
|
|
|
|
|
|
), |
|
|
|
); |
|
|
|
); |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
