在自定义TextField中摇动Google地方

时间:2019-06-15 15:53:47

标签: flutter dart google-places-api google-places

您将如何使用Flutter_Google_PlacesGoogle_Places_Picker之类的Dart程序包 在您自己的自定义 TextFormField 中?

这两个库似乎都只使用Future来等待用户选择位置。 (如下所示的示例)

    String placeName;        

    var place = await PluginGooglePlacePicker.showAutocomplete(
    mode: PlaceAutocompleteMode.MODE_FULLSCREEN,
    countryCode: country,
    typeFilter: TypeFilter.CITIES);

    placeName = place.name;

这两个库都具有两种模式。一个用于预制的弹出式搜索栏,另一个是全屏搜索模式。

enter image description here

我希望具有此自动搜索功能,但要使用我的自定义TextFormField。

1 个答案:

答案 0 :(得分:2)

我在使用flutter_google_places包时遇到了同样的问题,最终我仅在项目中使用了GET请求直接与Places API进行交互。

基本上,我在TextFormField上使用了TextEditingController来侦听输入新字符的时间,然后(在对API请求进行节流后)提出了API请求,并将位置作为自定义卡片结果返回。

我制作了一个视频,逐步展示了如何https://youtu.be/rJOkoAmC5GY