Flutter showSearch 键盘搜索

Question

我对 Flutter 和 Dart 非常陌生，因此我正在尝试构建一个简单的搜索应用程序，其中包含基于 Flutters showSearch 搜索栏中键入的单词的查询。我了解为向用户显示建议而构建的 listtile，点击该建议将激活 buildresults 小部件。但是，我想启用键盘上的搜索按钮来简单地搜索输入的单词，而不是点击有限的建议列表。 Simple android keyboard

正常点击按钮时，键盘关闭，构建结果未激活。到目前为止，您必须实际单击建议的 listtile 选项。有没有办法让键盘的搜索按钮搜索输入的文本？或者用户是否仅限于建议的列表选项？我将在下面列出我的 showSearch 代表：

class StockDelegate extends SearchDelegate<String> {
  final stocks = [
    "IBM",
    "NKLAW",
    "DKNGZ",
    "DRD",
    "PRTS",
    "TSLA",
    "KIRK",
    "VBIV"
  ];
  final suggested = ["IBM", "TSLA", "BNTX"];

  @override
  // TODO: implement textInputAction

  // TODO: implement textInputAction
  TextInputAction get textInputAction => super.textInputAction;

  @override
  List<Widget> buildActions(BuildContext context) {
    //actions for app bar
    StockProvider _stockProvider =
        Provider.of<StockProvider>(context, listen: true);
    return [
      IconButton(
          icon: Icon(Icons.clear),
          onPressed: () {
            query = '';
          }),
    ];
  }

  @override
  Widget buildLeading(BuildContext context) {
    //Leading icon on the left of the app bar
    return IconButton(
        icon: AnimatedIcon(
          icon: AnimatedIcons.menu_arrow,
          progress: transitionAnimation,
        ),
        onPressed: () {
          close(context, null);
        });
  }

  @override
  Widget buildResults(BuildContext context) {
    //build results code 
   
  }

  @override
  Widget buildSuggestions(BuildContext context) {
    // show when someone search for something
    stocks.insert(0, query.toString());

    final suggestionList = query.isEmpty
        ? suggested
        : stocks.where((p) => p.startsWith(query)).toList();

    return ListView.builder(
      itemCount: suggestionList.length,
      itemBuilder: (context, index) => ListTile(
        onTap: () async {
          Provider.of<StockProvider>(context, listen: false)
              .searchBySymbol(suggestionList[index]);

          if (!stocks.contains(suggestionList[index]))
            suggestionList.add(suggestionList[index]);

          showResults(context);
        },
        leading: Icon(Icons.attach_money),
        title: Text(suggestionList[index]),
      ),
    );
  }

Answer 1

不知道你知不知道onSubmitted property，用在TextField/Text/TextFormField里。因为，我在任何地方都看不到你的TexFormField/Text/TextField，但我认为你一定在某处使用它。

所以，这就是onFieldSubmitted 的使用方式，它完成了你想要的工作，即当用户点击键盘上的放大镜时，它运行你的功能

              TextFormField(
                controller: _yourTextEditingController,
                textInputAction: TextInputAction.search,
                onFieldSubmitted: (){
                     // here you do your operation when you hit the 
                     // keypad magnifying lens
                     // check with print()
                     print('Pressed via keypad');
                }
              )

不要与onSubmitted 名称混淆，onFieldSubmitted 用于TextFormField/Text/TextField，它使用onSubmitted 属性。我希望能回答你的问题 :) 告诉我，这就是你要找的东西。

Answer 2

覆盖类似于buildSuggestions() 的showResults() 方法。

覆盖showResults方法如下：

  @override
  void showResults(BuildContext context) {
    super.showResults(context);
    showSuggestions(context);
    FocusScope.of(context).unfocus();
  }