Listview无法根据TextField动态更新

3

目前我正在尝试使用TextField更新ListView,但遇到了问题。 ListView在初始化时会正确更新,但一输入内容,就会变成空白。

这是我的代码:

class TabbarViewWidget extends StatefulWidget {
  TabbarViewWidget({this.selectedList});

  final List<String> selectedList;

  @override
  _TabbarViewWidgetState createState() => _TabbarViewWidgetState();
}

class _TabbarViewWidgetState extends State<TabbarViewWidget> {
  TextEditingController textController = TextEditingController();

  var items = List<String>();

  void filteredSearch(String query) {
    List<String> dummySearchList = List();
    dummySearchList.addAll(widget.selectedList);
    if (query.isNotEmpty) {
      List<String> dummyListData = List();
      dummySearchList.forEach((item) {
        if (item.contains(query)) {
          dummyListData.add(query);
        }
      });
      setState(() {
        items.clear();
        items.addAll(dummyListData);
      });
      return;
    } else {
      setState(() {
        items.clear();
        items.addAll(widget.selectedList);
      });
    }
  }

  @override
  void initState() {
    items = widget.selectedList;
    super.initState();
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      crossAxisAlignment: CrossAxisAlignment.stretch,
      children: <Widget>[
        Padding(
          padding: EdgeInsets.all(15.0),
          child: TextField(
            onChanged: (value) {
              filteredSearch(value.toUpperCase());
            },
            controller: textController,
            decoration: InputDecoration(
                hintText: "Search",
                labelText: "Search",
                prefixIcon: Icon(Icons.search),
                border: OutlineInputBorder(
                    borderRadius: BorderRadius.all(
                  Radius.circular(25.0),
                ))),
          ),
        ),
        Expanded(
            child: ListView.builder(
                itemCount: items.length,
                itemBuilder: (context, index) {
                  return ListTile(
                    title: Text('${items[index]}'),
                  );
                })),
      ],
    );
  }
}

需要大量帮助!我是一位自学的Flutter爱好者,可能不知道很多东西。请耐心等待!


难道不是因为搜索没有结果吗? - Steve
1个回答

3
一些方法(我没有深入研究原因)导致了 widget.selectedList 中的列表被清空。我对代码进行了一些修改,现在它可以正常工作:
List items = List<String>();

  void filteredSearch(String query) {
    items = widget.selectedList.where((txt) => query.isEmpty || txt.contains(query)).toList();
    setState(() {
    });
  }

  @override
  void initState() {
    items = widget.selectedList;
    super.initState();
  }

哇,你的代码真是神奇!我对你如何简化那段代码感到惊讶。非常感谢。 - Asri

网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接