import 'package:amap_flutter_location/amap_flutter_location.dart'; import 'package:amap_flutter_location/amap_location_option.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/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:permission_handler/permission_handler.dart'; import 'package:shared_preferences/shared_preferences.dart'; class UnionPage extends StatefulWidget { @override State createState() { return _UnionPage(); } } class _UnionPage extends State { //默认设置为不使用自定义地图，如果需要直接显示，在初始化是设置为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; @override void dispose() { super.dispose(); aMapFlutterLocation.stopLocation(); aMapFlutterLocation.destroy(); } @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) { LatLng latLng; 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); if (_mapController != null) _mapController .moveCamera(CameraUpdate.newCameraPosition(CameraPosition( target: latLng, zoom: 15.0, ))); } }); } aMapFlutterLocation.setLocationOption(AMapLocationOption( needAddress: false, onceLocation: true, locationMode: AMapLocationMode.Hight_Accuracy, pausesLocationUpdatesAutomatically: true, )); _loadCustomData(); getLatLng(); startLocation(); } saveLatLng(LatLng latLng) async { SharedPreferences prefs = await SharedPreferences.getInstance(); await prefs.setString("latitude", "${latLng.latitude}"); await prefs.setString("longitude", "${latLng.longitude}"); } getLatLng() async { SharedPreferences.getInstance().then((value) => { setState(() { if (_mapController != null) { _mapController .moveCamera(CameraUpdate.newCameraPosition(CameraPosition( target: LatLng(double.tryParse(value.getString("latitude")), double.tryParse(value.getString("longitude"))), zoom: 15.0, ))); } }) }); } AMapWidget map; @override Widget build(BuildContext context) { AMapApiKey aMapApiKeys = AMapApiKey( androidKey: 'f39d1daa020a56f208eb2519f63e9534', iosKey: 'feaae7986201b571cace1b83728be5bb'); if (map == null) { map = AMapWidget( initialCameraPosition: CameraPosition( target: LatLng(30.553111, 114.342366), zoom: 12.0, ), onMapCreated: onMapCreated, apiKey: aMapApiKeys, touchPoiEnabled: true, scrollGesturesEnabled: true, customStyleOptions: _customStyleOptions, gestureRecognizers: >[ Factory(() => EagerGestureRecognizer()) ].toSet(), ); } return Scaffold( body: NestedScrollView( physics: BouncingScrollPhysics(), headerSliverBuilder: (context, inner) { return [ /*SliverOverlapAbsorber( handle: NestedScrollView.sliverOverlapAbsorberHandleFor(context), sliver: */ buildSliverAppBar(map), /*),*/ ]; }, body: Container( child: ListView.builder( itemCount: 10, physics: BouncingScrollPhysics(), // physics: BouncingScrollPhysics(), padding: EdgeInsets.only(top: 8, bottom: 8), itemBuilder: (context, position) { return GestureDetector( onTap: () { Navigator.of(context) .pushNamed('/router/union_detail_page'); }, child: buildStoreItem(), ); }), ), ), ); } 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); } if (await Permission.location.isPermanentlyDenied) { //openAppSettings } else if (await Permission.location.isGranted) { aMapFlutterLocation.startLocation(); } else { await Permission.location.request(); startLocation(); } } else { //enabledLocation } } AMapController _mapController; void onMapCreated(AMapController controller) { setState(() { _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, margin: EdgeInsets.fromLTRB(16, 8, 16, 8), padding: EdgeInsets.fromLTRB(13, 6, 16, 6), 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( decoration: InputDecoration(border: InputBorder.none), )), Icon( Icons.close, size: 19, color: Colors.grey, ), ], ), ), flexibleSpace: FlexibleSpaceBar( background: Container( child: map, ), ), expandedHeight: 375, bottom: PreferredSize( preferredSize: Size(double.infinity, 50), child: Container( padding: EdgeInsets.only(top: 6), color: Color(0xFFFAFAFA), child: ItemTitle( text: "净币联盟会员店", imgPath: "assets/image/icon_union_store.png", ), ), ), ); } Widget buildStoreItem() { return Container( margin: EdgeInsets.fromLTRB(16, 8, 16, 8), padding: EdgeInsets.fromLTRB(20, 20, 20, 20), 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: [ Image.network( "https://t7.baidu.com/it/u=1728637936,3151165212&fm=193&f=GIF", width: 95, height: 95, fit: BoxFit.cover, ), SizedBox( width: 12, ), Expanded( flex: 1, child: Container( height: 95, child: Column( mainAxisAlignment: MainAxisAlignment.spaceAround, crossAxisAlignment: CrossAxisAlignment.start, children: [ Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( "百年川椒光谷店", style: TextStyle( color: Colors.black, fontSize: 16, fontWeight: FontWeight.bold, ), ), Text( "火锅", style: TextStyle( color: Color(0xFFEDB12F), fontSize: 14, ), ) ], ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( S.of(context).gongli(19.0), style: TextStyle(color: Color(0xFF4C4C4C), fontSize: 12), ), Expanded( child: Container( alignment: Alignment.centerRight, child: Text( "洪山区关山大道哈乐城2层", style: TextStyle( color: Color(0xFF727272), fontSize: 12), ), ), ) ], ), Container( margin: EdgeInsets.only(top: 16), child: Text( S.of(context).manlijiandaijinquan(50, 25), style: TextStyle(color: Color(0xFFFF7A1A), fontSize: 10), ), ), Row( mainAxisAlignment: MainAxisAlignment.spaceBetween, crossAxisAlignment: CrossAxisAlignment.center, children: [ Text( "10:00—22:00", style: TextStyle(color: Color(0xFFA29E9E), fontSize: 12), ), Text( S.of(context).ren(108), style: TextStyle(color: Color(0xFF353535), fontSize: 12), ) ], ), ], ), ), ) ], ), ); } }