Listview未使用TextField动态更新



当前我正在尝试使用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]}'),
);
})),
],
);
}
}

需要很多帮助!我是一个自学成才的长笛爱好者,所以我可能不知道很多东西。请容忍我!

不知何故(我没有探究原因(,widget.selectedList中的列表在方法filteredSearch中被清除。

我稍微修改了一下你的代码,它就工作了:

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();
}

相关内容

  • 没有找到相关文章