google_places_flutter

Paketübersicht

Aus öffentlichen Paketdaten erstellte Orientierung.

Ein anpassbarer Google Places-Autocomplete-Widget für Flutter-Anwendungen unter Android, iOS, Web, macOS, Windows und Linux. Er ermöglicht Benutzern die Suche nach Orten mit Echtzeitvorschlägen, die von der Google Places-API unterstützt werden. Das Paket vereinfacht die Integration der Ortsauswahl in Formulare oder Karten und bietet eine nahtlose Erfahrung über Plattformen hinweg. Entwickler können das Aussehen anpassen, Ortsauswahlen verarbeiten und Standortanfragen effizient verwalten. Ideal für Anwendungen, die Adresseneingabe, ortsbasierte Dienste oder Geokodierungsfunktionen erfordern.

Anwendungsfälle

Adresseneingabe in Formularen
Standortbasierte App-Funktionen
Geokodierung und Karteneinbindung
Reise- und Lieferungsapps
Einrichtung des Benutzerprofilstandorts
Auswahl des Veranstaltungsorts

Hauptmerkmale

Echtzeit-Vorschläge für Orte
Plattformübergreifende Unterstützung
Anpassbare Benutzeroberfläche
Abruf von Ortsdetails
Einfache API-Integration
Unterstützt mehrere Plattformen

Geeignet für

Mobile und Web-Apps, die eine Standort-Suche benötigen
Entwickler, die die Google Places API verwenden
Apps, die eine genaue Adresseneingabe erfordern
Standortbewusste Anwendungen
Teams, die plattformübergreifende Lösungen entwickeln

Hinweise

Erfordert Google Places API-Schlüssel
Kann Nutzungskosten verursachen
Abhängig von der Internetverbindung
Beschränkte Anpassung des Autocomplete-Auswahldropdowns
Potenzielle Latenz bei Vorschlägen
Erforderliche Fehlerbehandlung für API-Fehler

Original-README

Originaler README-Schnappschuss aus dem verknüpften Quell-Repository. Aktuelle Inhalte finden Sie im Repository.

Add dependency into pubspec.yml

dependencies:
  flutter:
    sdk: flutter
  google_places_flutter: <last-version>

Google AutoComplete TextField Widget code

    GooglePlaceAutoCompleteTextField(
        textEditingController: controller,
        googleAPIKey: "YOUR_GOOGLE_API_KEY",
        inputDecoration: InputDecoration()
        debounceTime: 800 // default 600 ms,
        countries: ["in","fr"],// optional by default null is set
        isLatLngRequired:true,// if you required coordinates from place detail
        getPlaceDetailWithLatLng: (Prediction prediction) {
         // this method will return latlng with place detail
        print("placeDetails" + prediction.lng.toString());
        }, // this callback is called when isLatLngRequired is true
        itemClick: (Prediction prediction) {
         controller.text=prediction.description;
          controller.selection = TextSelection.fromPosition(TextPosition(offset: prediction.description.length));
        }
        // if we want to make custom list item builder
        itemBuilder: (context, index, Prediction prediction) {
          return Container(
            padding: EdgeInsets.all(10),
            child: Row(
              children: [
                Icon(Icons.location_on),
                SizedBox(
                  width: 7,
                ),
                Expanded(child: Text("${prediction.description??""}"))
              ],
            ),
          );
        }
        // if you want to add seperator between list items
        seperatedBuilder: Divider(),
        // want to show close icon 
        isCrossBtnShown: true,
        // optional container padding
         containerHorizontalPadding: 10,
         // place type
        placeType: PlaceType.geocode,
        // keyboard type (defaults to TextInputType.streetAddress)
        keyboardType: TextInputType.text, // optional - defaults to streetAddress for better address input
         
         
        
        
    )

Customization Option

You can customize a text field input decoration and debounce time

Pakete, Repositories und App-Kategorien suchen