You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
390 lines
12 KiB
390 lines
12 KiB
import 'dart:io';
|
|
|
|
import 'package:flutter/cupertino.dart';
|
|
import 'package:new_recook/constants/styles.dart';
|
|
|
|
// import 'package:flutter_easyrefresh/easy_refresh.dart';
|
|
import 'package:new_recook/gen/assets.gen.dart';
|
|
import 'package:new_recook/models/home/banner_list_model.dart';
|
|
import 'package:new_recook/utils/headers.dart';
|
|
import 'package:new_recook/utils/permission_tool.dart';
|
|
import 'package:new_recook/utils/text_utils.dart';
|
|
import 'package:new_recook/widget/home/banner.dart';
|
|
import 'package:new_recook/widget/home/home_gif_header.dart';
|
|
import 'package:new_recook/widget/home/home_sliver_app_bar.dart';
|
|
import 'package:new_recook/widget/refresh_widget.dart';
|
|
import 'package:permission_handler/permission_handler.dart';
|
|
|
|
import '../../widget/button/img_button.dart';
|
|
import 'animated_home_background.dart';
|
|
|
|
class ShopHomePage extends StatefulWidget {
|
|
const ShopHomePage({Key? key}) : super(key: key);
|
|
|
|
@override
|
|
_ShopHomePageState createState() => _ShopHomePageState();
|
|
}
|
|
|
|
class _ShopHomePageState extends State<ShopHomePage> {
|
|
///局部刷新
|
|
final GlobalKey<AnimatedHomeBackgroundState> _animatedBackgroundState = GlobalKey<AnimatedHomeBackgroundState>();
|
|
final GlobalKey<HomeSliverAppBarState> _sliverAppBarGlobalKey = GlobalKey<HomeSliverAppBarState>();
|
|
|
|
String? keyWords = '';
|
|
String? cityName = '';
|
|
|
|
///高度
|
|
double screenWidth = 0;
|
|
double weatherHeight = 0;
|
|
double bannerHeight = 0;
|
|
double buttonsHeight = 100.w;
|
|
double t1Height = 0;
|
|
double t23Height = 0;
|
|
double t4Height = 0;
|
|
double timeHeight = 60.w;
|
|
double tabbarHeight = 40.w;
|
|
double? expandedHeight = 800.w;
|
|
|
|
Color? _backgroundColor;
|
|
GSRefreshController? _gsRefreshController;
|
|
ScrollController? _sliverListController;
|
|
List<BannerModel>? _bannerList = [];
|
|
|
|
late StateSetter _bannerState;
|
|
|
|
@override
|
|
void initState() {
|
|
super.initState();
|
|
_gsRefreshController = GSRefreshController(initialRefresh: true);
|
|
_sliverListController = ScrollController();
|
|
_bannerList = [
|
|
BannerModel(0,0,'https://mallcdn.reecook.cn/static/photo/20220729/a7d386be2c1d8bc5eaca5c4f2d8f52b8.jpg','','','#D07B15'),
|
|
BannerModel(0,0,'https://mallcdn.reecook.cn/static/photo/20220729/a7d386be2c1d8bc5eaca5c4f2d8f52b8.jpg','','','#69A4A4'),
|
|
BannerModel(0,0,'https://mallcdn.reecook.cn/static/photo/20220729/a7d386be2c1d8bc5eaca5c4f2d8f52b8.jpg','','','#99AD33'),
|
|
];
|
|
}
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
screenWidth = MediaQuery.of(context).size.width;
|
|
weatherHeight = (76 + ScreenUtil().statusBarHeight);
|
|
bannerHeight = (screenWidth - 20) / 2.34;
|
|
t1Height = (screenWidth - 20) * 0.3429;
|
|
t23Height = ((screenWidth - 28) / 2) * 0.5 + 10;
|
|
t4Height = (screenWidth - 20) * 0.2714;
|
|
|
|
return WillPopScope(
|
|
onWillPop: () async {
|
|
await Get.dialog(CupertinoAlertDialog(
|
|
title: '提示'.text.isIntrinsic.make(),
|
|
content: '是否跳转到桌面？'.text.isIntrinsic.make(),
|
|
actions: [
|
|
CupertinoDialogAction(
|
|
child: '取消'.text.isIntrinsic.make(),
|
|
onPressed: Get.back,
|
|
),
|
|
CupertinoDialogAction(
|
|
child: '确定'.text.red600.isIntrinsic.make(),
|
|
onPressed: () => Get.back(result: true),
|
|
),
|
|
],
|
|
));
|
|
|
|
return false; //一定要return false
|
|
},
|
|
child: Scaffold(body: _bodyWidget()),
|
|
);
|
|
}
|
|
|
|
_bodyWidget() {
|
|
return RefreshWidget(
|
|
isInNest: true,
|
|
color: Colors.black,
|
|
controller: _gsRefreshController,
|
|
header: HomeGifHeader(),
|
|
onRefresh: () async {
|
|
|
|
if (_gsRefreshController!.isRefresh()) {
|
|
// Future.delayed(Duration(milliseconds: 1500), () {
|
|
_gsRefreshController!.refreshCompleted();
|
|
_gsRefreshController!.loadNoData();
|
|
// });
|
|
}
|
|
},
|
|
body: CustomScrollView(
|
|
controller: _sliverListController,
|
|
slivers: [
|
|
HomeSliverAppBar(
|
|
key: _sliverAppBarGlobalKey,
|
|
actions: _actions(),
|
|
title: _buildTitle(),
|
|
backgroundColor: AppColor.themeColor,
|
|
flexibleSpace: _flexibleSpaceBar(),
|
|
expandedHeight: expandedHeight,
|
|
bottom: _preferredSize()
|
|
),
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
_actions() {
|
|
return [
|
|
ImgButton(
|
|
path: Assets.icons.navigationMsg.path,
|
|
width: 40.w,
|
|
height: 40.w,
|
|
onPressed: () {},
|
|
),
|
|
];
|
|
}
|
|
|
|
Widget _buildTitle() {
|
|
GestureDetector scanCon = GestureDetector(
|
|
onTap: () async {
|
|
if (Platform.isIOS) {
|
|
// Get.to(() => BarcodeScanPage());
|
|
return;
|
|
}
|
|
bool permission = await Permission.camera.isGranted;
|
|
if (!permission) {
|
|
Get.dialog(
|
|
CupertinoAlertDialog(
|
|
title: Text('需要获取相机使用权限'),
|
|
content: Row(
|
|
mainAxisAlignment: MainAxisAlignment.center,
|
|
children: [
|
|
//Image.asset(R.ASSETS_LOCATION_PER_PNG,width: 44.rw,height: 44.rw,),
|
|
Text(
|
|
'允许应用使用相机来扫码识别商品',
|
|
style: TextStyle(color: Color(0xFF666666), fontSize: 28.sp),
|
|
),
|
|
],
|
|
),
|
|
actions: [
|
|
CupertinoDialogAction(
|
|
child: Text('残忍拒绝'),
|
|
onPressed: () => Get.back(),
|
|
),
|
|
CupertinoDialogAction(
|
|
child: Text('立即授权'),
|
|
onPressed: () async {
|
|
Get.back();
|
|
bool canUseCamera =
|
|
await PermissionTool.haveCameraPermission();
|
|
if (!canUseCamera) {
|
|
PermissionTool.showOpenPermissionDialog(
|
|
context, "没有相机使用权限,授予相机使用权限后才能进行扫码");
|
|
return;
|
|
} else {
|
|
//Get.to(() => BarcodeScanPage());
|
|
}
|
|
},
|
|
),
|
|
],
|
|
),
|
|
barrierDismissible: false,
|
|
);
|
|
} else {
|
|
//Get.to(() => BarcodeScanPage());
|
|
}
|
|
},
|
|
child: Container(
|
|
width: 50.w,
|
|
height: 50.w,
|
|
alignment: Alignment.center,
|
|
child: Image.asset(
|
|
Assets.icons.navigationScan.path,
|
|
fit: BoxFit.cover,
|
|
width: 34.w,
|
|
height: 34.w,
|
|
),
|
|
),
|
|
);
|
|
|
|
return Container(
|
|
height: kToolbarHeight,
|
|
color: Colors.transparent,
|
|
child: Column(
|
|
children: <Widget>[
|
|
Container(
|
|
height: 40,
|
|
child: Row(
|
|
children: <Widget>[
|
|
GestureDetector(
|
|
child: Container(
|
|
color: Colors.transparent,
|
|
child: Row(
|
|
children: <Widget>[
|
|
Icon(Icons.place, color: Colors.white, size: 32.w),
|
|
Container(
|
|
width: 2,
|
|
),
|
|
Text(
|
|
cityName!,
|
|
overflow: TextOverflow.fade,
|
|
maxLines: 1,
|
|
style: TextStyle(
|
|
color: Colors.white,
|
|
fontSize: 28.sp,
|
|
),
|
|
),
|
|
Container(
|
|
width: 10.w,
|
|
),
|
|
],
|
|
),
|
|
),
|
|
),
|
|
Expanded(
|
|
child: GestureDetector(
|
|
child: Container(
|
|
margin: EdgeInsets.only(top: 5, bottom: 5),
|
|
// height: rSize(30),
|
|
height: 30,
|
|
decoration: BoxDecoration(
|
|
color: Colors.white.withOpacity(0.4),
|
|
borderRadius: BorderRadius.circular(20)),
|
|
child: Row(
|
|
children: <Widget>[
|
|
Container(
|
|
margin: EdgeInsets.only(left: 10),
|
|
width: 32.w,
|
|
height: 32.w,
|
|
child: Image.asset(
|
|
Assets.icons.homeTabSearch.path,
|
|
width: 32.w,
|
|
height: 32.w,
|
|
),
|
|
),
|
|
Container(
|
|
width: 6,
|
|
),
|
|
Text(
|
|
keyWords!,
|
|
style: TextStyle(
|
|
color: Colors.white.withOpacity(0.9),
|
|
fontSize: 13 * 2.sp,
|
|
fontWeight: FontWeight.w300),
|
|
),
|
|
Spacer(),
|
|
scanCon,
|
|
22.wb,
|
|
],
|
|
),
|
|
),
|
|
onTap: () {},
|
|
),
|
|
)
|
|
],
|
|
),
|
|
// child: ges,
|
|
),
|
|
// Spacer()
|
|
],
|
|
),
|
|
);
|
|
}
|
|
|
|
FlexibleSpaceBar _flexibleSpaceBar() {
|
|
return FlexibleSpaceBar(
|
|
collapseMode: CollapseMode.pin,
|
|
background: Container(
|
|
//头部整个背景颜色
|
|
height: double.infinity,
|
|
color: AppColor.frenchColor,
|
|
// color: Colors.white,
|
|
child: Stack(
|
|
children: <Widget>[
|
|
AnimatedHomeBackground(
|
|
key: _animatedBackgroundState,
|
|
height: weatherHeight + bannerHeight - 32,
|
|
backgroundColor:
|
|
_backgroundColor == null ? Colors.white : _backgroundColor!,
|
|
),
|
|
Column(
|
|
children: <Widget>[
|
|
_bannerView(),
|
|
],
|
|
),
|
|
],
|
|
)),
|
|
);
|
|
}
|
|
|
|
PreferredSize _preferredSize() {
|
|
return PreferredSize(
|
|
preferredSize: Size.fromHeight(tabbarHeight),
|
|
child: Container(),
|
|
);
|
|
}
|
|
_bannerView() {
|
|
if (_backgroundColor == null &&
|
|
_bannerList != null &&
|
|
_bannerList!.length > 0) {
|
|
BannerModel bannerModel = _bannerList![0];
|
|
if (!TextUtils.isEmpty(bannerModel.color)) {
|
|
Color color = TextUtils.hexToColor(bannerModel.color);
|
|
_backgroundColor = color;
|
|
_animatedBackgroundState.currentState?.changeColor(color);
|
|
_sliverAppBarGlobalKey.currentState?.updateColor(color);
|
|
}
|
|
}
|
|
Widget banner =
|
|
StatefulBuilder(builder: (BuildContext context, StateSetter setState) {
|
|
_bannerState = setState;
|
|
if (_bannerList == null || _bannerList!.length == 0) {
|
|
return Container(
|
|
height: bannerHeight,
|
|
);
|
|
}
|
|
BannerListView bannerListView = BannerListView<BannerModel>(
|
|
onPageChanged: (index) {
|
|
int realIndex = index;
|
|
if (realIndex < 0) return;
|
|
if (realIndex >= _bannerList!.length) realIndex = 0;
|
|
BannerModel bannerModel = _bannerList![realIndex];
|
|
if (!TextUtils.isEmpty(bannerModel.color)) {
|
|
Color color = TextUtils.hexToColor(bannerModel.color);
|
|
_backgroundColor = color;
|
|
_animatedBackgroundState.currentState!.changeColor(color);
|
|
_sliverAppBarGlobalKey.currentState!.updateColor(color);
|
|
}
|
|
},
|
|
height: bannerHeight,
|
|
margin: EdgeInsets.symmetric(horizontal: 10),
|
|
radius: 10,
|
|
data: _bannerList,
|
|
builder: (context, bannerModel) {
|
|
return GestureDetector(
|
|
onTap: () {
|
|
},
|
|
child: FadeInImage.assetNetwork(
|
|
placeholder: Assets.images.placeholderNew2x1A.path,
|
|
image: '',
|
|
fit: BoxFit.fill,
|
|
),
|
|
);
|
|
},
|
|
);
|
|
return bannerListView;
|
|
});
|
|
return Container(
|
|
width: screenWidth,
|
|
height: bannerHeight,
|
|
color: Colors.white.withAlpha(0),
|
|
child: Stack(
|
|
children: <Widget>[
|
|
Positioned(
|
|
left: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
top: 0,
|
|
child: _bannerList == null ? Container() : banner,
|
|
)
|
|
],
|
|
),
|
|
);
|
|
}
|
|
}
|