1

使用 typeahead 包时，我没有得到想要的结果。

当前不良行为：

  • 当我点击文本字段时，我什至在开始输入之前立即显示所有建议的列表（超过 26,000 条）

  • 当我开始输入时，建议列表不会调整（例如，如果我输入“a”，则会显示完整的建议列表，并且该列表不会过滤为仅显示以“a”开头的建议

期望的结果：

  • 我只是希望该功能根据我输入的内容向我显示建议——我已经错误地实现了我的代码我确信并且非常感谢任何帮助！

我的相关代码：

import 'package:flutter/material.dart';
import 'package:flutter_typeahead/flutter_typeahead.dart';

import '../providers/analysis_route_provider.dart';

class AutoCompleteTextfieldTwo extends StatefulWidget {
  @override
  _AutoCompleteTextfieldTwoState createState() =>
      _AutoCompleteTextfieldTwoState();
}

class _AutoCompleteTextfieldTwoState extends State<AutoCompleteTextfieldTwo> {
  final TextEditingController _controller = TextEditingController();

  @override
  Widget build(BuildContext context) {
    return TypeAheadField(
      hideOnEmpty: true,
      textFieldConfiguration: TextFieldConfiguration(
        style: TextStyle(
          color: Colors.white,
        ),
        autofocus: false,
        controller: this._controller,
        keyboardType: TextInputType.text,
        enabled: true,
        focusNode: FocusNode(),
        decoration: InputDecoration(
          border: OutlineInputBorder(
            borderRadius: BorderRadius.circular(20),
            borderSide: BorderSide(
              width: 2,
              color: Colors.blue,
            ),
          ),
          hintText: 'Type in company name or ticker symbol',
          hintStyle: TextStyle(
            color: Colors.grey,
          ),
        ),
      ),
      getImmediateSuggestions: true,
      hideOnError: true,
      suggestionsCallback: (pattern) async {
        return await AnalysisRouteProvider.getCompaniesForTextfield2(pattern);
      },
      itemBuilder: (context, itemData) {
        return ListTile(
          title: Text(itemData['name'].toString()),
          subtitle: Text(itemData['symbol'].toString()),
        );
      },
      onSuggestionSelected: (suggestion) {
        print('selected');

        FocusNode().unfocus();
        this._controller.text = suggestion['name'].toString();
        _controller.clear();
      },
    );
  }
}

Http请求：

 static Future getCompaniesForTextfield2(String query) async {
    var url = *url with api key here*;
    http.Response response = await http.get(url, headers: {
      'Content-Type': 'application/json',
    });
    var jsonData = json.decode(response.body);

    return jsonData;
  }

JSON 片段（API 的实际返回有超过 26,000 个对象）：

[ {
  "symbol" : "SPY",
  "name" : "SPDR S&P 500",
  "price" : 326.7,
  "exchange" : "NYSE Arca"
}, {
  "symbol" : "CMCSA",
  "name" : "Comcast Corp",
  "price" : 41.98,
  "exchange" : "Nasdaq Global Select"
}, {
  "symbol" : "KMI",
  "name" : "Kinder Morgan Inc",
  "price" : 11.83,
  "exchange" : "New York Stock Exchange"
}]

我也确信这一点信息是相关的。目前，当我在调试并点击 typeahead 文本字段时，我在调试控制台中得到以下信息：

W/IInputConnectionWrapper(13704): beginBatchEdit on inactive InputConnection
W/IInputConnectionWrapper(13704): getTextBeforeCursor on inactive InputConnection
W/IInputConnectionWrapper(13704): getTextAfterCursor on inactive InputConnection
W/IInputConnectionWrapper(13704): getSelectedText on inactive InputConnection
W/IInputConnectionWrapper(13704): endBatchEdit on inactive InputConnection
4

1 回答 1

0

我认为您应该设置禁用 onTap 显示建议列表getImadiateSugetions。false

关于第二个问题，你没有得到建议，我认为问题出在 json 中，你正在使用 json.decode，它解码[]列表中的任何 json，如果它在 map 中，{}那么我认为你应该做如下：

suggestionsCallback: (pattern) async {
        var list = await AnalysisRouteProvider.getCompaniesForTextfield2(pattern);
        return list[0];
      },
于 2020-10-29T02:36:23.040 回答