google_places_suggestions 0.0.1

GooglePlacesSuggestions is a Flutter package that delivers real-time location suggestions using the Google Places API.

example/lib/main.dart

library;

import 'package:flutter/material.dart';
import 'package:google_places_suggestions/google_places_suggestions.dart';

void main() {
  runApp(const MyApp());
}

class MyApp extends StatelessWidget {
  const MyApp({super.key});

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.deepPurple),
        useMaterial3: true,
      ),
      home: HomeScreen(),
    );
  }
}

class HomeScreen extends StatefulWidget {
  const HomeScreen({super.key});

  @override
  State<HomeScreen> createState() => _HomeScreenState();
}

class _HomeScreenState extends State<HomeScreen> {
  @override
  void initState() {
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Place Search'),
      ),
      body: SafeArea(
        child: Padding(
          padding: const EdgeInsets.all(16.0),
          child: Column(
            children: [
              // Implementation of GooglePlacesSuggestions widget
              GooglePlacesSuggestions(
                // Required parameters
                googleMapKey: 'YOUR_GOOGLE_MAPS_API_KEY',
                onPlaceSelected: (String placeId) {
                  // Handle selected place
                  print('Selected place ID: $placeId');
                },

                // Optional customization
                hint: 'Search for a location...',
                accentColor: Theme.of(context).primaryColor,
                debounceTime: const Duration(milliseconds: 300),

                // Customize text styles
                textStyle: const TextStyle(
                  fontSize: 16,
                  color: Colors.black87,
                ),
                placeSuggestionTextStyle: const TextStyle(
                  fontSize: 14,
                  fontWeight: FontWeight.w500,
                  color: Colors.black87,
                ),

                // Customize decorations
                placeSuggestionIconDecoration: BoxDecoration(
                  color: Theme.of(context).primaryColor.withOpacity(0.1),
                  borderRadius: BorderRadius.circular(8),
                ),
                underlineDecoration: BoxDecoration(
                  border: Border(
                    bottom: BorderSide(
                      color: Colors.grey.withOpacity(0.2),
                      width: 1,
                    ),
                  ),
                ),

                // Recent searches configuration
                enableRecentSearches: true,
                maxRecentSearches: 5,
                recentText: 'Recent Locations',
                recentTextStyle: const TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                ),

                // Error handling
                onError: (String error) {
                  ScaffoldMessenger.of(context).showSnackBar(
                    SnackBar(content: Text(error)),
                  );
                },

                // Custom empty state
                noResultsWidget: const Center(
                  child: Column(
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      Icon(Icons.search_off, size: 48, color: Colors.grey),
                      SizedBox(height: 8),
                      Text(
                        'No locations found',
                        style: TextStyle(
                          fontSize: 16,
                          color: Colors.grey,
                        ),
                      ),
                    ],
                  ),
                ),
              ),

              // You can add more widgets below the search
              const SizedBox(height: 20),
              const Text(
                'Search for any location using the field above',
                style: TextStyle(color: Colors.grey),
              ),
            ],
          ),
        ),
      ),
    );
  }
}