Question

我有一个带有文本字段的表单，该表单应具有医生姓名，单击时会调用ShowSearch（）来搜索医生姓名

我已经实现了几乎所有东西，当用户单击其中一个建议时，我无法做的是，我希望这个建议（单个文本）返回上一个小部件中的Textfield。

我的TextField：

   TextFormField(  
           onTap: (){showSearch(context: context, delegate: DataSearch());},
                                style: TextStyle(
                                        color: Colors.white,
                                    fontWeight: FontWeight.w600),
                                decoration: new InputDecoration(
                                    enabledBorder: OutlineInputBorder(
                                      borderSide: const BorderSide(
                                          color: Colors.white, width: 2.0),
                                      borderRadius:
                                          BorderRadius.circular(8.0),
                                    ),
                                    labelText: "Doctor name",
                                    labelStyle: MyFontStyles.textFieldsLabelStyle(context),

                                 ),

                              ),

我的ShowSearch（）：

class DataSearch extends SearchDelegate<String> {
  @override
  List<Widget> buildActions(BuildContext context) {
    return [IconButton(icon:Icon(Icons.clear),onPressed: (){query
    ="";},)];
  }

  @override
  Widget buildLeading(BuildContext context) {
    return IconButton(
      icon: AnimatedIcon(
        icon: AnimatedIcons.menu_arrow,
        progress: transitionAnimation,
      ),
      onPressed: () {close(context, "search result");},
    );
  }

  @override
  Widget buildResults(BuildContext context) {
    // TODO: implement buildResults
    throw UnimplementedError();
  }

  //     ! CALLS SYNC FUNCTIONS WITHOUT AWAIT !
  @override
  Widget buildSuggestions(BuildContext context) {
    DoctorsController.fetchAllDoctors();
    List doctorsList = DoctorsController.getDoctorsNamesAsList();
    final List<String>suggestionList =query.isEmpty? doctorsList :
        doctorsList.where((element) => element.contains(query)).toList();

    return ListView.builder(
      itemBuilder: (context, index) {
        String sugText = suggestionList[index];
        return ListTile(

          title:
          RichText(
            text: TextSpan(
              text:sugText.substring(0, sugText.indexOf(query)),
              style:
                  TextStyle(color: Colors.grey),
              children: [
                TextSpan(
                  text: sugText.substring(sugText.indexOf(query), sugText.indexOf(query)+query.length),
                  style: TextStyle(color: Colors.black,fontWeight: FontWeight.bold),
                ),TextSpan(
                  text: sugText.substring(sugText.indexOf(query)+query.length, sugText.length),
                  style: TextStyle(color: Colors.grey),
                )
              ],
            ),
          )

      );},
      itemCount: suggestionList.length,
    );
  }
}

Answer 1

使用TextEditingController作为TextField控制器。将其传递给您的searchDelegate。

class DataSearch extends SearchDelegate<String> {
  final TextEditingController controller;
  DataSearch(this.controller);

  // in buildSuggestions method
  @override
  ...
  ListTile(
    onTap: controller.text = sugText,
  )
  ...
}

final TextEditingController controller = TextEditingController();

onTap: () {
  showSearch(
    context: context, 
    delegate: DataSearch(controller ),
  );
}

Answer 2

根据文档

close应该被称为以所选结果作为参数。这将关闭搜索页面，然后将结果传达给[showSearch]的初始调用方。

例如

['Very Ripe', 5, 'Ripe', 2, nan, nan]

并将结果返回给[showSearch]的初始调用者

class CustomSearch extends SearchDelegate<String> {
  CustomSearch({String hintText});


  @override
  Widget buildSuggestions(BuildContext context) {
  ...
    return ListView.builder(
      itemCount: data.length,
      itemBuilder: (context, i) {
        return ListTile(
          title: Text(data[i]),
          onTap: () {close(context, data[i])},
        )
  ...
}

Flutter-将搜索委托结果字符串返回到文本字段

2 个答案:

根据文档