100 lines
3.0 KiB
Dart
100 lines
3.0 KiB
Dart
import 'package:flutter/material.dart';
|
|
|
|
import 'package:anyway/core/constants.dart';
|
|
import 'package:anyway/domain/entities/landmark.dart';
|
|
import 'package:anyway/domain/entities/landmark_type.dart';
|
|
|
|
class TripMarkerGraphic extends StatelessWidget {
|
|
const TripMarkerGraphic({
|
|
super.key,
|
|
required this.landmark,
|
|
required this.position,
|
|
this.compact = false,
|
|
});
|
|
|
|
final Landmark landmark;
|
|
final int position;
|
|
final bool compact;
|
|
|
|
@override
|
|
Widget build(BuildContext context) {
|
|
final gradient = landmark.isVisited
|
|
? const LinearGradient(colors: [Colors.grey, Colors.white])
|
|
: APP_GRADIENT;
|
|
final showPosition = landmark.type.type != LandmarkTypeEnum.start &&
|
|
landmark.type.type != LandmarkTypeEnum.finish;
|
|
final markerDiameter = compact ? 68.0 : 84.0;
|
|
final borderWidth = compact ? 3.0 : 4.5;
|
|
|
|
return Material(
|
|
color: Colors.transparent,
|
|
child: SizedBox(
|
|
width: markerDiameter,
|
|
height: markerDiameter,
|
|
child: Stack(
|
|
clipBehavior: Clip.none,
|
|
children: [
|
|
Container(
|
|
decoration: BoxDecoration(
|
|
gradient: gradient,
|
|
shape: BoxShape.circle,
|
|
border: Border.all(color: Colors.black87, width: borderWidth),
|
|
boxShadow: const [
|
|
BoxShadow(
|
|
blurRadius: 6,
|
|
color: Colors.black26,
|
|
offset: Offset(0, 3),
|
|
),
|
|
],
|
|
),
|
|
padding: EdgeInsets.all(compact ? 8 : 10),
|
|
child: Icon(
|
|
_iconForType(landmark.type.type),
|
|
color: Colors.black87,
|
|
size: compact ? 30 : 38,
|
|
),
|
|
),
|
|
if (showPosition)
|
|
Positioned(
|
|
top: -2,
|
|
right: -2,
|
|
child: Container(
|
|
padding: EdgeInsets.all(compact ? 4 : 5),
|
|
decoration: BoxDecoration(
|
|
color: Colors.white,
|
|
shape: BoxShape.circle,
|
|
border: Border.all(color: Colors.black26),
|
|
),
|
|
child: Text(
|
|
position.toString(),
|
|
style: TextStyle(
|
|
fontWeight: FontWeight.bold,
|
|
fontSize: compact ? 12 : 14,
|
|
color: Colors.black87,
|
|
),
|
|
),
|
|
),
|
|
),
|
|
],
|
|
),
|
|
),
|
|
);
|
|
}
|
|
|
|
// TODO - should this be a landmark property?
|
|
IconData _iconForType(LandmarkTypeEnum type) {
|
|
switch (type) {
|
|
case LandmarkTypeEnum.start:
|
|
return Icons.flag;
|
|
case LandmarkTypeEnum.finish:
|
|
return Icons.flag_circle;
|
|
case LandmarkTypeEnum.shopping:
|
|
return Icons.shopping_bag;
|
|
case LandmarkTypeEnum.nature:
|
|
return Icons.park;
|
|
case LandmarkTypeEnum.sightseeing:
|
|
return Icons.place;
|
|
}
|
|
}
|
|
}
|