Виджет Place Picker

Виджет PlacePicker возвращает данные о месте — здании, парке, музее, дороге, озере, горе: название, адрес, город, регион, страну, почтовый индекс и координаты.

Типичный сценарий — приложение такси или доставки: пользователь выбирает точку назначения, а приложение получает её полный адрес и координаты и показывает их на странице или на карте.

Внешне это кнопка. По нажатию открывается поиск: пользователь набирает название, выбирает подходящее из списка, и название остаётся на кнопке. Остальные данные доступны через переменную placePickerValue в Widget State.

Вот как это выглядит в демо-приложении:

инфо
Что нужно заранее
  • Виджету нужен ключ Google Maps API — как создать и добавить ключи.
  • Должен быть включён Places API в консоли Google Cloud.
  • Должна быть подключена оплата Google Maps Platform. Без неё список подсказок будет пустым, и никакой ошибки при этом не появится.

Добавление виджета

По умолчанию на кнопке стоят иконка и надпись «Select Location». Оформление и свойства обоих элементов меняются в панели свойств справа.

Если оставить текстовый виджет, после выбора места надпись сменится на его название. И иконка, и текст необязательны — убирайте то, что не нужно.

Свойства виджета Place Picker

Свойства виджета Place Picker

Данные выбранного места

Выбранное место попадает в переменную типа GooglePlace — она доступна через Widget State > placePickerValue. Внутри название, адрес, координаты (LatLng), город, регион, страна и почтовый индекс. Эти значения выводят в текстовых виджетах или используют в условиях.

перевод официальной документации FlutterFlow

обновлено

ESC