Question

我对Flutter和Dart还是陌生的，所以我试图基于Flutters showSearch搜索栏中键入的单词构建一个简单的查询应用程序。我了解为向用户显示建议而构建的列表，点击该建议将激活buildresults小部件。但是，我想启用键盘上的搜索按钮以仅搜索输入的单词，而不是点击受限的建议列表。 Simple android keyboard

正常单击该按钮时，键盘关闭，构建结果未激活。到目前为止，您必须实际单击建议的列表选项。有没有一种方法可以使键盘的搜索按钮搜索输入的文本？还是用户仅限于建议的列表选项？我将在下面列出我的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

我不知道您是否知道TextField/Text/TextFormField中使用的onSubmitted property。既然如此，我在任何地方都看不到您的TexFormField/Text/TextField，但我认为您必须在某个地方使用它。

因此onFieldSubmitted的用法就是这样，它可以完成您想要的工作，即当用户点击键盘上的放大镜时，它将运行您的功能 < / p>

              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属性。我希望能回答您的问题：）让我知道，这就是您想要的东西。

Flutter showSearch键盘搜索

1 个答案: