map_app_bar.dart

Go to the documentation of this file.

import 'package:easy_localization/easy_localization.dart';
import 'package:fluentui_system_icons/fluentui_system_icons.dart';
import 'package:flutter/material.dart';
import 'package:flutter_screenutil/flutter_screenutil.dart';
import 'package:google_maps_flutter/google_maps_flutter.dart';
import 'package:maps_launcher/maps_launcher.dart';
 
import '../../../../../../core/common/enums/collection_status.dart';
import '../../../../../../core/ui/theme/color_palette.dart';
 
class MapAppBar extends StatelessWidget {
  final CollectionStatus status;
  final bool showTitle;
  final String lat;
  final String lng;
 
  const MapAppBar({
    super.key,
    required this.status,
    required this.showTitle,
    required this.lat,
    required this.lng,
  });
 
  @override
  Widget build(BuildContext context) {
    return SliverAppBar(
      title: AnimatedOpacity(
        duration: const Duration(milliseconds: 300),
        opacity: showTitle ? 1.0 : 0.0,
        child: Text(
          'common.collection_request'.tr(),
          style: Theme.of(context).textTheme.titleMedium?.copyWith(
            color: ColorPalette.black,
            fontWeight: FontWeight.w600,
          ),
        ),
      ),
      expandedHeight: 190.h,
      floating: false,
      pinned: true,
      backgroundColor: ColorPalette.white,
      elevation: 0.2,
      leading: Padding(
        padding: EdgeInsets.all(8.sp),
        child: Container(
          decoration: BoxDecoration(
            color: ColorPalette.white,
            borderRadius: BorderRadius.circular(12),
            boxShadow: [
              BoxShadow(
                color: ColorPalette.black.withValues(alpha:0.08),
                blurRadius: 8,
                offset: const Offset(0, 2),
              ),
            ],
          ),
          child: IconButton(
            highlightColor: ColorPalette.lightGreen.withValues(alpha:0.2),
            icon: const Icon(Icons.arrow_back_rounded),
            color: ColorPalette.black,
            onPressed: () => Navigator.pop(context),
          ),
        ),
      ),
      actions: status == CollectionStatus.onTheWay ? [
        Padding(
          padding: EdgeInsets.all(8.sp),
          child: Container(
            decoration: BoxDecoration(
              color: ColorPalette.white,
              borderRadius: BorderRadius.circular(12),
              boxShadow: [
                BoxShadow(
                  color: ColorPalette.black.withValues(alpha:0.08),
                  blurRadius: 8,
                  offset: const Offset(0, 2),
                ),
              ],
            ),
            child: IconButton(
              highlightColor: ColorPalette.lightGreen.withValues(alpha:0.2),
              icon: const Icon(FluentIcons.location_arrow_12_regular),
              color: ColorPalette.black,
              onPressed: () {
                MapsLauncher.launchCoordinates(
                  double.parse(lat),
                  double.parse(lng),
                );
              },
            ),
          ),
        ),
      ] : null,
      flexibleSpace: FlexibleSpaceBar(
        background: SizedBox(
          height: 190.h,
          child: GoogleMap(
            initialCameraPosition: CameraPosition(
              target: LatLng(double.parse(lat), double.parse(lng)),
              zoom: 15,
            ),
            mapType: MapType.normal,
            myLocationButtonEnabled: false,
            zoomControlsEnabled: false,
            scrollGesturesEnabled: false,
            zoomGesturesEnabled: false,
            rotateGesturesEnabled: false,
            tiltGesturesEnabled: false,
            markers: {
              Marker(
                markerId: const MarkerId('1'),
                position: LatLng(double.parse(lat), double.parse(lng)),
              )
            },
          ),
        ),
      ),
    );
  }
}