json - 映射json数据/对象抖动

Question

我是flutter的 super 新手，有人可以帮我从HTTP request映射我的json数据。我想做的是在json数据上仅获取一列值sendto_id，并使其与我存储在id中的sharedpreferences进行比较。
下面是我的代码。

 class _MyDrawerState extends State<MyDrawer> { 
   int counter = 0;
   String id= "";

  getPref() async {
    SharedPreferences preferences = await SharedPreferences.getInstance();
    setState(() {
       id = preferences.getString('id');
    });
  }

 

  Future getData() async {
    var url = 'http://10.20.35.1/school/fetch2.php';
    http.Response response = await http.get(url);
    List data = json.decode(response.body);
    
    
     setState(() {
     counter= data.length;
    });
  }

    @override
  void initState() {
   super.initState();
    getPref();
    getData();

  }

  @override
  Widget build(BuildContext context) {
    
    return SizedBox(
      width: MediaQuery
          .of(context)
          .size
          .width * 0.7,
      child: Drawer(
        child: Container(
          color: Colors.white,
          child: ListView(
            padding: EdgeInsets.all(0),
            children: <Widget>[
        
              ListTile(
                leading:  Container(
                height: 100,        
                width: 100,    
                
               child: new Stack(
          
                children: <Widget>[
                  
                Icon(Icons.announcement,color: Colors.cyan, size: 25.0),
                counter != 0 ? new Positioned(
                    left:22,
                    top: 0,
                 child: new Container(
                      padding: EdgeInsets.all(2),
                      decoration: new BoxDecoration(
                        color: Colors.red,
                        borderRadius: BorderRadius.circular(6),
                      ),
                      constraints: BoxConstraints(
                        minWidth: 14,
                        minHeight: 14,
                      ),
                      child: Text(
                        '$counter',
                        style: TextStyle(
                          color: Colors.white,
                          fontSize: 8,
                        ),
                        textAlign: TextAlign.center,
                      ),
                    )
                  ) : new Container()
                ],
            
                ),  
                ),
              title: new GestureDetector(
                onTap: () => {
                  widget.onTap(context, 1),
                  setState(() {
                      counter = 0;
                    }),
                },
                child: Text("Announcements",
                style: TextStyle(color: Colors.black,fontWeight: FontWeight.w500, fontSize: 18),
                ),
              ),
          

这些是我从数据库中获取的json数据。 [{"type":"Assault","sendto_id":"12"}] [{"type":"Rape","sendto_id":"9"}] [{"type":"Assault","sendto_id":"4"}] [{"type":"Theif","sendto_id":"12"}]代码正在工作，但是 $counter变量将其计为4个数据，因为我还没有提出条件。我想用12的 sharedprefences数据 id来做条件，但我不知道该怎么做，所以我期望这里 $counter变量仅在条件完成后才计数2个数据。
任何帮助将不胜感激。

Answer 1

有不止一种方法。 listbuilder， map 功能...

   ListView.builder(
                itemCount: counter,
                itemBuilder: (context, index) {
                return data[index].sendto_id"==12?text("this 
                :12"):text(data[index].sendto_id);
              })

- - - - 要么 - - - -

    data.map((element) {
        return element.sendto_id"==12?text("this :12"):text(element.sendto_id);;
    }).toList();