buildPopup function
Implementation
Widget buildPopup(HybridModel user, {LatLng? center}) {
var showEtaSection = true;
if (LocationService().etaFrom != null) {
if (user.latLng == LocationService().etaFrom) showEtaSection = false;
} else if (user.latLng == (center ?? LocationService().myData!.latLng)) {
showEtaSection = false;
}
return Stack(
alignment: Alignment.center,
children: [
Positioned(bottom: 0, child: pointedBottom()),
Container(
width: ((LocationService().calculateETA ?? true) && (showEtaSection))
? 200
: 140,
height: 82,
alignment: Alignment.topCenter,
child: ClipRRect(
borderRadius: BorderRadius.all(Radius.circular(10)),
child: Container(
color: Colors.white,
height: 76,
child: Row(
mainAxisAlignment:
((LocationService().calculateETA ?? true) && (showEtaSection))
? MainAxisAlignment.start
: MainAxisAlignment.center,
children: [
((LocationService().calculateETA ?? true) && (showEtaSection))
? Expanded(
child: Container(
padding: EdgeInsets.all(10),
color: Colors.blue[100],
child: Column(
mainAxisAlignment: MainAxisAlignment.spaceBetween,
children: [
Icon(
Icons.car_rental,
color: Colors.grey[600],
size: 32,
),
Flexible(
child: Text(
user.eta ?? '?',
maxLines: 1,
overflow: TextOverflow.ellipsis,
style: TextStyle(
fontSize: 15, color: Colors.grey[600]),
),
)
],
),
),
)
: SizedBox(),
Flexible(
child: Padding(
padding:
const EdgeInsets.symmetric(vertical: 5, horizontal: 10),
child: Column(
crossAxisAlignment: CrossAxisAlignment.center,
children: [
CircleAvatar(
radius: 20,
child: user.image != null
? CustomCircleAvatar(
byteImage: user.image,
nonAsset: true,
size: 30)
: ContactInitial(
initials: user.displayName,
size: 60,
),
),
Text(
user.displayName ?? '...',
style: TextStyle(
fontSize: 16,
color: Colors.black,
),
maxLines: 1,
overflow: TextOverflow.ellipsis,
)
],
),
),
)
],
),
),
),
),
],
);
}