import 'dart:async';
import 'package:flutter/material.dart';
import 'package:geocoding/geocoding.dart';
import 'package:geolocator/geolocator.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:taxi_customer/core/app_export.dart';
import
'package:taxi_customer/presentation/map_screen/notifier/currentLocationMarker_notif
ier.dart';
import 'notifier/cLocation_notifier.dart';
import 'notifier/currentLocation_notifier.dart';
class MapScreen extends ConsumerStatefulWidget {
const MapScreen({Key? key}) : super(key: key);
@override
ConsumerState<MapScreen> createState() => _MapScreenState();
}
class _MapScreenState extends ConsumerState<MapScreen> {
late GoogleMapController googleMapController;
Map<MarkerId, Marker> markers = {};
//<------ Current Location ---------->
loadData() async {
Position position = await _getUserCurrentLocation();
setState(() {
ref.watch(currentLocationNotifier).currentLatLng = LatLng(position.latitude,
position.longitude);
ref.watch(currentLocationMarkerNotifier).locationMarker = [
Marker(
markerId: MarkerId('Current Location'),
position: ref.read(currentLocationNotifier).currentLatLng!,
infoWindow: InfoWindow(title:
ref.read(cLocationNotifier).currentLocation ?? ''),
),
];
googleMapController.animateCamera(
CameraUpdate.newCameraPosition(
new CameraPosition(
target: ref.read(currentLocationNotifier).currentLatLng!,
zoom: 14.0,
),
),
);
fetchAreaName();
});
}
//<------- Fetch Location ----------->
Future<Position> _getUserCurrentLocation() async {
await Geolocator.requestPermission().catchError((error) {
print(error.toString());
});
return await Geolocator.getCurrentPosition();
}
//<--------- Fetah Address ----------->
Future<void> fetchAreaName() async {
try {
final List<Placemark> placeMarks = await
placemarkFromCoordinates(ref.read(currentLocationNotifier).currentLatLng!.latitude,
ref.read(currentLocationNotifier).currentLatLng!.longitude);
ref.watch(cLocationNotifier).currentLocation =
placeMarks.first.locality.toString();
setState(() {});
} catch (e) {
print('Error fetching area name: $e');
}
}
@override
void initState() {
loadData();
super.initState();
}
@override
void dispose() {
googleMapController.dispose();
super.dispose();
}
@override
Widget build(BuildContext context) {
return Scaffold(
extendBody: true,
extendBodyBehindAppBar: true,
backgroundColor: theme.colorScheme.onPrimary.withOpacity(1),
body: Stack(
alignment: AlignmentDirectional.bottomCenter,
children: [
GoogleMap(
initialCameraPosition: CameraPosition(
target: ref.read(currentLocationNotifier).currentLatLng!,
zoom: 14,
),
mapType: MapType.hybrid,
myLocationButtonEnabled: true,
myLocationEnabled: true,
markers:
Set<Marker>.of(ref.read(currentLocationMarkerNotifier).locationMarker!),
// polylines: Set<Polyline>.of(ref.read(provider)),
onMapCreated: (GoogleMapController controller) {
setState(() {
googleMapController = controller;
});
},
),
SizedBox(
width: double.maxFinite,
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
children: [
_buildNeemuchRDGopalbari(context),
],
),
),
],
),
);
}
Widget _buildNeemuchRDGopalbari(BuildContext context) {
return Container(
padding: EdgeInsets.all(24.h),
height: 200.h,
decoration: AppDecoration.outlineBlack.copyWith(
borderRadius: BorderRadiusStyle.customBorderTL30,
),
child: Column(
mainAxisSize: MainAxisSize.min,
crossAxisAlignment: CrossAxisAlignment.start,
mainAxisAlignment: MainAxisAlignment.center,
children: [
Text(
"msg_where_do_you_want".tr,
style: theme.textTheme.titleLarge,
),
SizedBox(height: 13.v),
_buildIndicatedContainer(
value: ref.read(cLocationNotifier).currentLocation ?? '',
),
SizedBox(height: 13.v),
_buildIndicatedContainer(value:
ref.read(destinationLocationState)??'Select Destination', isDestination: true),
],
),
);
}
Widget _buildIndicatedContainer({bool isDestination = false, String value = ''})
{
return Consumer(builder: (context, ref, _) {
return GestureDetector(
child: Row(
children: [
Container(
height: 40.0,
width: 28.0,
decoration: BoxDecoration(
color: isDestination ? Color(0xff3422F2) : Colors.white,
borderRadius: BorderRadius.circular(15.0),
),
child: Padding(
padding: isDestination ? EdgeInsets.only(bottom: 5.0) :
EdgeInsets.only(top: 5.0),
child: Align(
alignment: isDestination ? Alignment.bottomCenter :
Alignment.topCenter,
child: Container(
height: 10.0,
width: 10.0,
decoration: BoxDecoration(
color: isDestination ? Colors.white : Colors.black,
shape: BoxShape.circle,
),
),
),
),
),
const SizedBox(
width: 10.0,
),
Expanded(
child: Text(
value,
maxLines: 1,
style: isDestination ? CustomTextStyles.labelLargePoppinsff000000 :
CustomTextStyles.bodySmallGray500_1,
),
),
],
),
onTap: () async{
final check =await
NavigatorService.pushNamed(AppRoutes.selectLocationScreen);
if(check == true)
{
ref.watch(currentLocationMarkerNotifier).locationMarker!.clear();
ref.watch(currentLocationMarkerNotifier).locationMarker = [
Marker(
markerId: MarkerId('Current Location'),
position: ref.read(currentLocationNotifier).currentLatLng!,
infoWindow: InfoWindow(title: 'Current Location'),
),
Marker(
markerId: MarkerId('Destination Location'),
position: ref.read(destinationLatLngState),
infoWindow: InfoWindow(title: 'Destination Location'),
),
];
googleMapController.animateCamera(
CameraUpdate.newCameraPosition(
new CameraPosition(
target: ref.read(destinationLatLngState),
zoom: 14.0,
),
),
);
// setState(() {});
// // ref.watch(locationPolyLineState.notifier).update((state) =>
Polyline(
// // polylineId: PolylineId('polyline'),
// // points: [
// // ref.read(currentLatLngState),
// // ref.read(destinationLatLngState)
// // ],
// // color: Colors.blue,
// // width: 3,
// // ));
}
},
);
});
}
}
// final locationMarkerState = StateProvider<List<Marker>>((ref) {
// return [];
// });
final locationPolyLineState = StateProvider<Polyline>((ref) {
return Polyline(polylineId: PolylineId(""));
});
// final currentLocationState = StateProvider<String>((ref) {
// return '';
// });
final destinationLatLngState = StateProvider<LatLng>((ref) {
return LatLng(24.9291, 67.0450);
});
final destinationLocationState = StateProvider<String>((ref) {
return '';
});
