如何在带有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 (将#修改为@）