Flutter 谷歌在文本表單字段上放置自動完成功能

Question

我想要一個帶有 flutter google 地方自動完成的文本表單字段，即當用戶 select 的位置時，文本將 go 到文本表單字段。

我有這段代碼，用戶單擊文本表單字段，點擊時打開搜索地址欄，但選擇地址后文本不會顯示在文本表單字段中。

代碼

TextFormField(
                          decoration: textInputDecoration.copyWith(
                            hintText: "Enter Company Address",
                            prefixIcon: Icon(Icons.map),
                          ),
                          onTap: () async {
                            Prediction p = await PlacesAutocomplete.show(
                              context: context,
                              radius: 10000000,
                              types: [],
                              strictbounds: false,
                              apiKey: kGoogleApiKey,
                              mode: Mode.overlay,
                              language: "en",
                              components: [Component(Component.country, "nz")],
                            );
                          },
                          validator: (val) =>
                              val.isEmpty ? 'Enter address' : null,
                          onChanged: (val) async {
                            setState(() => address = val);
                          },
                        ),

Answer 1

首先，您必須創建一個TextEditingController _place = TextEditingController()

然后，當結果從 API 返回時，例如components[0] ，您將此String值分配給 `controller.

_place.text = result 。 它甚至會在不使用 setState 的情況下更改 UI。