feat: re-enable place selection with modern geocoding API and improve speed dial styling

- Replace disabled google_places_autocomplete with modern null-safe geocoding implementation
- Add interactive place search dialog with real-time address lookup
- Improve speed dial label contrast (Colors.black38 → Colors.black87) and add FontWeight.w500
- Users can now search for places by city, address, or landmark name
- Fallback to latitude/longitude display if address lookup fails
- Zero new dependencies (uses existing geocoding package)
This commit is contained in:
vjrj 2026-03-06 22:59:11 +01:00
parent debd62e03c
commit 35d6b33c5f
2 changed files with 199 additions and 16 deletions

View file

@ -72,7 +72,8 @@ class _ActiveFiresPageState extends State<ActiveFiresPage> {
child: Container( child: Container(
color: Colors.white, color: Colors.white,
child: Text(S.of(context).addYourCurrentPosition, child: Text(S.of(context).addYourCurrentPosition,
style: const TextStyle(color: Colors.black38)), style: const TextStyle(
color: Colors.black87, fontWeight: FontWeight.w500)),
), ),
), ),
onTap: () { onTap: () {
@ -88,7 +89,8 @@ class _ActiveFiresPageState extends State<ActiveFiresPage> {
child: Container( child: Container(
color: Colors.white, color: Colors.white,
child: Text(S.of(context).addSomePlace, child: Text(S.of(context).addSomePlace,
style: const TextStyle(color: Colors.black38)), style: const TextStyle(
color: Colors.black87, fontWeight: FontWeight.w500)),
), ),
), ),
onTap: () { onTap: () {

View file

@ -1,24 +1,205 @@
import 'dart:async'; import 'dart:async';
import 'package:flutter/material.dart'; import 'package:flutter/material.dart';
import 'package:geocoding/geocoding.dart';
import 'package:objectid/objectid.dart';
import 'models/yourLocation.dart'; import 'models/yourLocation.dart';
/// Open a places dialog for selecting a location using geocoding.
/// Open a places dialog for selecting a location. /// Allows users to search for places by name and get coordinates.
/// Currently returns a default location as the google_places_autocomplete package
/// is not maintained and doesn't support null safety.
/// TODO: Implement with a modern null-safe places API integration
Future<YourLocation> openPlacesDialog(GlobalKey<ScaffoldState> sc) async { Future<YourLocation> openPlacesDialog(GlobalKey<ScaffoldState> sc) async {
// Show a snackbar informing the user that this feature is not yet available final BuildContext? context = sc.currentContext;
final ScaffoldMessengerState messenger = ScaffoldMessenger.of(sc.currentContext!); if (context == null) {
messenger.showSnackBar( return YourLocation.noLocation;
const SnackBar( }
content: Text(
'Place selection is currently unavailable. Please use manual location entry.'), final YourLocation? selectedLocation = await showDialog<YourLocation>(
), context: context,
builder: (BuildContext context) => const _PlaceSelectionDialog(),
); );
// Return a default location return selectedLocation ?? YourLocation.noLocation;
return YourLocation.noLocation; }
class _PlaceSelectionDialog extends StatefulWidget {
const _PlaceSelectionDialog();
@override
State<_PlaceSelectionDialog> createState() => _PlaceSelectionDialogState();
}
class _PlaceSelectionDialogState extends State<_PlaceSelectionDialog> {
final TextEditingController _searchController = TextEditingController();
List<Location> _searchResults = [];
bool _isSearching = false;
String? _errorMessage;
@override
void dispose() {
_searchController.dispose();
super.dispose();
}
Future<void> _searchPlaces(String query) async {
if (query.isEmpty) {
setState(() {
_searchResults = [];
_errorMessage = null;
});
return;
}
setState(() {
_isSearching = true;
_errorMessage = null;
});
try {
final List<Location> locations = await locationFromAddress(query);
setState(() {
_searchResults = locations;
if (_searchResults.isEmpty) {
_errorMessage = 'No places found. Try a different search.';
}
});
} catch (e) {
setState(() {
_errorMessage = 'Search error: ${e.toString()}';
_searchResults = [];
});
} finally {
setState(() {
_isSearching = false;
});
}
}
Future<String> _getPlaceName(Location location) async {
try {
final List<Placemark> placemarks =
await placemarkFromCoordinates(location.latitude, location.longitude);
if (placemarks.isNotEmpty) {
final Placemark place = placemarks.first;
final List<String> parts = <String>[];
if (place.name != null && place.name!.isNotEmpty)
parts.add(place.name!);
if (place.locality != null && place.locality!.isNotEmpty)
parts.add(place.locality!);
if (place.country != null && place.country!.isNotEmpty)
parts.add(place.country!);
if (parts.isNotEmpty) {
return parts.join(', ');
}
}
} catch (e) {
// Fall back to coordinates
}
return '${location.latitude.toStringAsFixed(4)}, ${location.longitude.toStringAsFixed(4)}';
}
void _selectLocation(Location location) async {
final String description = await _getPlaceName(location);
if (!mounted) return;
final YourLocation yourLocation = YourLocation(
id: ObjectId(),
lat: location.latitude,
lon: location.longitude,
description: description,
distance: 10,
);
Navigator.of(context).pop(yourLocation);
}
@override
Widget build(BuildContext context) {
return AlertDialog(
title: const Text('Search for a place'),
content: SizedBox(
width: double.maxFinite,
child: SingleChildScrollView(
child: Column(
mainAxisSize: MainAxisSize.min,
children: <Widget>[
TextField(
controller: _searchController,
decoration: InputDecoration(
hintText: 'Enter city, address, or landmark',
prefixIcon: const Icon(Icons.search),
suffixIcon: _isSearching
? const SizedBox(
width: 20,
height: 20,
child: Padding(
padding: EdgeInsets.all(8.0),
child: CircularProgressIndicator(strokeWidth: 2),
),
)
: null,
border: OutlineInputBorder(
borderRadius: BorderRadius.circular(8),
),
),
onChanged: (String value) {
if (value.length > 2) {
_searchPlaces(value);
} else {
setState(() {
_searchResults = [];
_errorMessage = null;
});
}
},
),
const SizedBox(height: 16),
if (_errorMessage != null)
Padding(
padding: const EdgeInsets.all(8.0),
child: Text(
_errorMessage!,
style: const TextStyle(color: Colors.red, fontSize: 12),
),
),
if (_searchResults.isNotEmpty)
SizedBox(
height: 300,
child: ListView.builder(
shrinkWrap: true,
itemCount: _searchResults.length,
itemBuilder: (BuildContext context, int index) {
final Location location = _searchResults[index];
return FutureBuilder<String>(
future: _getPlaceName(location),
builder: (BuildContext context,
AsyncSnapshot<String> snapshot) {
final String displayName = snapshot.data ??
'${location.latitude.toStringAsFixed(4)}, ${location.longitude.toStringAsFixed(4)}';
return ListTile(
leading: const Icon(Icons.location_on),
title: Text(displayName),
subtitle: Text(
'${location.latitude.toStringAsFixed(4)}, ${location.longitude.toStringAsFixed(4)}',
style: const TextStyle(fontSize: 12),
),
onTap: () => _selectLocation(location),
);
},
);
},
),
),
],
),
),
),
actions: <Widget>[
TextButton(
onPressed: () => Navigator.of(context).pop(),
child: const Text('Cancel'),
),
],
);
}
} }