小编Ado*_*nez的帖子

如何使用自动完成小部件 Flutter 中的 TextEditingController

我需要使用TexteditingController小部件“自动完成”。是在步进器改变阶段时使用清除功能

界面图片

我需要这样做,因为如果我返回一个阶段,之前输入的文本仍然存在,这是自动完成代码:

Autocomplete<Profesional>(
                     
                      optionsViewBuilder: (BuildContext context,
                          AutocompleteOnSelected<Profesional> onSelected,
                          Iterable<Profesional> options) {
                        return Align(
                          alignment: Alignment.topLeft,
                          child: Material(
                            elevation: 4.0,
                            child: SizedBox(
                              height: 200.0,
                              child: ListView.builder(
                                padding: const EdgeInsets.all(8.0),
                                itemCount: options.length,
                                itemBuilder: (BuildContext context, int index) {
                                  final Profesional option =
                                      options.elementAt(index);
                                  return GestureDetector(
                                    onTap: () {
                                      onSelected(option);
                                    },
                                    child: ListTile(
                                      title: Text(option.cod),
                                    ),
                                  );
                                },
                              ),
                            ),
                          ),
                        );
                      },
                      optionsBuilder: (TextEditingValue query) {
                        return viewModel.efectores.where((efector) {
                          return efector.cod
                                  .toLowerCase()
                                  .contains(query.text.toLowerCase()) ||
                              efector.nombre
                                  .toLowerCase()
                                  .contains(query.text.toLowerCase());
                        });
                      },
                      fieldViewBuilder: …
Run Code Online (Sandbox Code Playgroud)

mobile autocomplete widget flutter stepper

12
推荐指数
1
解决办法
6604
查看次数

标签 统计

autocomplete ×1

flutter ×1

mobile ×1

stepper ×1

widget ×1