import 'dart:ui'; import 'package:amap_flutter_location/amap_flutter_location.dart'; import 'package:amap_flutter_location/amap_location_option.dart'; import 'package:dio/dio.dart'; import 'package:flutter/cupertino.dart'; import 'package:flutter/foundation.dart'; import 'package:flutter/gestures.dart'; import 'package:flutter/material.dart'; import 'package:flutter/services.dart'; import 'package:huixiang/generated/l10n.dart'; import 'package:huixiang/retrofit/data/base_data.dart'; import 'package:huixiang/retrofit/data/store.dart'; import 'package:huixiang/retrofit/retrofit_api.dart'; import 'package:huixiang/view_widget/classic_header.dart'; import 'package:huixiang/view_widget/custom_image.dart'; import 'package:huixiang/view_widget/item_title.dart'; import 'package:amap_flutter_base/amap_flutter_base.dart'; import 'package:amap_flutter_map/amap_flutter_map.dart'; import 'package:fluttertoast/fluttertoast.dart'; import 'package:huixiang/view_widget/loading_view.dart'; import 'package:permission_handler/permission_handler.dart'; import 'package:pull_to_refresh/pull_to_refresh.dart'; import 'package:shared_preferences/shared_preferences.dart'; import 'dart:typed_data'; import 'package:flutter/rendering.dart'; import 'package:flutter_screenutil/flutter_screenutil.dart'; class UnionPage extends StatefulWidget { @override State createState() { return _UnionPage(); } } class _UnionPage extends State with AutomaticKeepAliveClientMixin { //默认设置为不使用自定义地图，如果需要直接显示，在初始化是设置为true CustomStyleOptions _customStyleOptions = CustomStyleOptions(false); //加载自定义地图样式 void _loadCustomData() async { if (null == _customStyleOptions) { _customStyleOptions = CustomStyleOptions(false); } ByteData styleByteData = await rootBundle.load('assets/map_style/style.data'); _customStyleOptions.styleData = styleByteData.buffer.asUint8List(); ByteData styleExtraByteData = await rootBundle.load('assets/map_style/style_extra.data'); _customStyleOptions.styleExtraData = styleExtraByteData.buffer.asUint8List(); //如果需要加载完成后直接展示自定义地图，可以通过setState修改CustomStyleOptions的enable为true setState(() { _customStyleOptions.enabled = true; }); } AMapFlutterLocation aMapFlutterLocation; RefreshController refreshController = RefreshController(initialRefresh: false); @override void dispose() { super.dispose(); aMapFlutterLocation.stopLocation(); aMapFlutterLocation.destroy(); } ApiService apiService; @override void initState() { super.initState(); if (aMapFlutterLocation == null) { AMapFlutterLocation.setApiKey("f39d1daa020a56f208eb2519f63e9534", "feaae7986201b571cace1b83728be5bb"); aMapFlutterLocation = AMapFlutterLocation(); aMapFlutterLocation.onLocationChanged().listen((event) { if (event != null && event["latitude"] != null && event["longitude"] != null) { print("location: $event"); if (event["latitude"] is String && event["longitude"] is String) { latLng = LatLng(double.tryParse(event["latitude"]), double.tryParse(event["longitude"])); } else { latLng = LatLng(event["latitude"], event["longitude"]); } saveLatLng( latLng, event["province"], event["city"], event["district"]); queryStore( "${event["latitude"]}", "${event["longitude"]}", event["province"], event["city"], event["district"], editingController.text); if (_mapController != null) _mapController.moveCamera( CameraUpdate.newCameraPosition(CameraPosition( target: latLng, zoom: 15.0, )), ); } }); } aMapFlutterLocation.setLocationOption(AMapLocationOption( needAddress: true, onceLocation: true, locationMode: AMapLocationMode.Hight_Accuracy, pausesLocationUpdatesAutomatically: true, )); _loadCustomData(); SharedPreferences.getInstance().then( (value) => { apiService = ApiService(Dio(), token: value.getString('token')), print("startLocation"), startLocation(), }, ); } LatLng latLng; saveLatLng(LatLng latLng, province, city, district) async { SharedPreferences prefs = await SharedPreferences.getInstance(); await prefs.setString("latitude", "${latLng.latitude}"); await prefs.setString("longitude", "${latLng.longitude}"); await prefs.setString("province", province); await prefs.setString("city", city); await prefs.setString("district", district); } getLatLng() async { SharedPreferences.getInstance().then( (value) => { apiService = ApiService(Dio(), token: value.getString('token')), latLng = LatLng(double.tryParse(value.getString("latitude")), double.tryParse(value.getString("longitude"))), queryStore( value.getString("latitude"), value.getString("longitude"), value.getString("province"), value.getString("city"), value.getString("district"), editingController.text), setState(() { if (_mapController != null) { _mapController.moveCamera( CameraUpdate.newCameraPosition( CameraPosition( target: latLng, zoom: 15.0, ), ), ); } }) }, ); } List storeList; queryStore(latitude, longitude, province, city, district, searchKey) async { BaseData baseData = await apiService.queryStore({ "city": city, "district": district, "latitude": latitude, "longitude": longitude, "province": province, "searchKey": searchKey }).catchError((error) { refreshController.refreshFailed(); }); if (Navigator.canPop(context)) Navigator.of(context).pop(); if (baseData != null && baseData.isSuccess) { storeList = (baseData.data as List) .map((e) => Store.fromJson(e)) .toList(); buildMarker(); refreshController.refreshCompleted(); setState(() {}); } else { refreshController.refreshFailed(); Fluttertoast.showToast(msg: baseData.msg); } } RepaintBoundary repaintBoundary; buildMarker() async { markers.clear(); markers.addAll(storeList.map((element) => Marker( position: LatLng(double.tryParse(element.latitude), double.tryParse(element.longitude)), anchor: Offset(0.5, 0.8), icon: BitmapDescriptor.defaultMarkerWithHue(BitmapDescriptor.hueRose), infoWindowEnable: true, ))); setState(() {}); } showLoadingDialog() { showCupertinoDialog( context: context, barrierDismissible: true, builder: (context) { return LoadingView(); }); } List markers = []; @override Widget build(BuildContext context) { AMapApiKey aMapApiKeys = AMapApiKey( androidKey: 'f39d1daa020a56f208eb2519f63e9534', iosKey: 'feaae7986201b571cace1b83728be5bb'); return GestureDetector( onTap: () { FocusScope.of(context).requestFocus(FocusNode()); }, child: Scaffold( resizeToAvoidBottomInset: true, body: NestedScrollView( physics: BouncingScrollPhysics(), headerSliverBuilder: (context, inner) { return [ buildSliverAppBar(AMapWidget( initialCameraPosition: CameraPosition( target: LatLng(30.553111, 114.342366), zoom: 12.0, ), onMapCreated: onMapCreated, apiKey: aMapApiKeys, touchPoiEnabled: true, markers: markers.toSet(), scrollGesturesEnabled: true, customStyleOptions: _customStyleOptions, onPoiTouched: (poiTouch) { FocusScope.of(context).requestFocus(FocusNode()); }, gestureRecognizers: >[ Factory( () => EagerGestureRecognizer()), ].toSet(), )), ]; }, body: Container( child: SmartRefresher( controller: refreshController, enablePullUp: false, enablePullDown: true, physics: BouncingScrollPhysics(), header: MyHeader(), onRefresh: () { startLocation(); }, child: ListView.builder( itemCount: storeList == null ? 0 : storeList.length, padding: EdgeInsets.only(top: 8.h, bottom: 84.h), itemBuilder: (context, position) { return GestureDetector( onTap: () { Navigator.of(context).pushNamed( '/router/union_detail_page', arguments: {"id": storeList[position].id}); }, child: buildStoreItem(storeList[position], position), ); }), ), ), ), ), ); } startLocation() async { if (await Permission.locationWhenInUse.serviceStatus.isEnabled) { bool isShown = await Permission.contacts.shouldShowRequestRationale; if (isShown) { Fluttertoast.showToast( msg: "shouldShowRequestRationale", toastLength: Toast.LENGTH_SHORT, gravity: ToastGravity.CENTER, timeInSecForIosWeb: 1, backgroundColor: Colors.red, textColor: Colors.white, fontSize: 16.0.sp, ); } if (await Permission.location.isPermanentlyDenied) { //openAppSettings print("Permission.location.isPermanentlyDenied"); getLatLng(); } else if (await Permission.location.isGranted) { showLoadingDialog(); print("Permission.location.startLocation"); aMapFlutterLocation.startLocation(); } else { await Permission.location.request(); startLocation(); print("Permission.location.request"); getLatLng(); } } else { //enabledLocation print("getLatLng"); getLatLng(); } } AMapController _mapController; TextEditingController editingController = TextEditingController(); void onMapCreated(AMapController controller) { _mapController = controller; } Widget buildSliverAppBar(AMapWidget map) { return SliverAppBar( pinned: true, floating: true, snap: true, backgroundColor: Color(0xFFFAFAFA), elevation: 0, automaticallyImplyLeading: false, title: Container( height: 36.h, margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w, 8.h), padding: EdgeInsets.fromLTRB(13.w, 6.h, 16.w, 6.h), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(4)), boxShadow: [ BoxShadow( color: Colors.black.withAlpha(12), offset: Offset(0, 3), blurRadius: 14, spreadRadius: 0, ) ]), child: Row( children: [ Icon( Icons.search, size: 24, color: Colors.black, ), Expanded( child: TextField( textInputAction: TextInputAction.search, onEditingComplete: () { startLocation(); }, controller: editingController, decoration: InputDecoration(border: InputBorder.none), ), ), InkWell( onTap: () { editingController.clear(); }, child: Icon( Icons.close, size: 19, color: Colors.grey, ), ), ], ), ), flexibleSpace: FlexibleSpaceBar( background: Container( child: map, ), ), expandedHeight: 375.h, bottom: PreferredSize( preferredSize: Size(double.infinity, 52.h), child: Container( padding: EdgeInsets.only(top: 6.h), color: Color(0xFFFAFAFA), child: ItemTitle( text: "净币联盟会员店", imgPath: "assets/image/icon_union_store.png", ), ), ), ); } Widget buildStoreItem(Store store, position) { return Container( margin: EdgeInsets.fromLTRB(16.w, 8.h, 16.w, 8.h), padding: EdgeInsets.fromLTRB(20.w, 20.h, 20.w, 20.h), decoration: BoxDecoration( color: Colors.white, borderRadius: BorderRadius.all(Radius.circular(8)), boxShadow: [ BoxShadow( color: Colors.black.withAlpha(25), offset: Offset(0, 1), blurRadius: 12, spreadRadius: 0, ) ]), child: Row( mainAxisAlignment: MainAxisAlignment.start, crossAxisAlignment: CrossAxisAlignment.start, children: [ MImage( store.logo, width: 95.w, height: 95.h, fit: BoxFit.cover, errorSrc: "assets/image/default_1.png", fadeSrc: "assets/image/default_1.png", ), SizedBox( width: 12.w, ), Expanded( flex: 1, child: Container( height: 95.h, child: Column( mainAxisAlignment: MainAxisAlignment.spaceAround, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Expanded( child: Text( store.storeName, overflow: TextOverflow.ellipsis, style: TextStyle( color: Colors.black, fontSize: 16.sp, fontWeight: FontWeight.bold, ), ), flex: 1, ), Text( store.posType == null ? "" : store.posType.desc, overflow: TextOverflow.ellipsis, textAlign: TextAlign.end, style: TextStyle( color: Color(0xFFEDB12F), fontSize: 14.sp, ), ), ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( store.distance > 1000 ? S.of(context).gongli( (store.distance / 1000 * 100).toInt() / 100.0) : S .of(context) .mi((store.distance * 100).toInt() / 100.0), style: TextStyle( color: Color(0xFF4C4C4C), fontSize: 12, ), ), SizedBox( width: 16.w, ), Expanded( child: Container( alignment: Alignment.centerRight, child: Text( store.address, overflow: TextOverflow.ellipsis, style: TextStyle( color: Color(0xFF727272), fontSize: 12.sp, ), ), ), ) ], ), Container( margin: EdgeInsets.only(top: 16.h), child: Text( S.of(context).manlijiandaijinquan(50, 25), style: TextStyle( color: Color(0xFFFF7A1A), fontSize: 10.sp, ), ), ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( (store.openStartTime == null && store.openEndTime == null) ? "全天" : "${store.openStartTime}-${store.openEndTime}", style: TextStyle( color: Color(0xFFA29E9E), fontSize: 12.sp, ), ), Text( S.of(context).ren( store == null ? "" : store.perCapitaConsumption), style: TextStyle( color: Color(0xFF353535), fontSize: 12.sp, ), ) ], ), ], ), ), ) ], ), ); } @override bool get wantKeepAlive => true; }