如何解决如何在带有JSON的Flutter中使用搜索栏?
我正在使用ListViewBuilder来显示1000条记录,并使用搜索栏搜索JSON对象。 我已经搜索了许多与Flutter的搜索栏相关的博客和内容,但是我的问题与现有问题略有不同。
通常,搜索栏使用相同的List进行搜索,在ListViewBuilder中,我无法理解如何使用此JSON,请在搜索栏中建议如何使用JSON对象。
WholeData={passive:{i233: {name: i233,age:24},i238: {name: i238,age:24}},active:{i228: {name: i228,age:25}}};
TotalList={content:{passive:[i233,i238],active:[i228]}};
return Scaffold(
appBar: appBar(title: 'List of Active/Passive',context: context),body:Column(
children: <Widget>[
Padding(
padding: const EdgeInsets.all(12.0),child: TextField(
controller: _textController,decoration: InputDecoration(
hintText: 'Search Here...',// border: InputBorder.none,hintStyle: TextStyle(color: Colors.grey),),style: TextStyle(color: primaryColor,fontSize: mediumFontSize),onChanged: (text){
text=text.toLowerCase();
setState(() {
///////////////////// how to use /////////////////////////////////////////
});
},Expanded(
child: ListView.builder(
itemCount: TotalList['content']['active']
.length + TotalList['content']['passive']
.length,itemBuilder: (BuildContext context,int index) {
if (index >= TotalList['content']['active']
.length) {
passiveIndex =
index - TotalList['content']['active']
.length;
return Card(
child: Row(
children: <Widget>[
Expanded(
child: ListTile(
title: Text(
'\n Name- ${WholeData['passive'][TotalList['content']['passive'][passiveIndex]]['name']} \n',leading: Icon(Icons.verified_user,size: mediumIconSize,//trailing: Icon(Icons.keyboard_arrow_right),selected: true,],);
}
else{
return Card(
child: Row(
children: <Widget>[
Expanded(
child: ListTile(
title: Text(
'\n Name- ${WholeData['active'][TotalList['content']['active'][index]]['name']}\n',);
}
},);
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。