Best Cosmetic Hospitals Near You

Compare top cosmetic hospitals, aesthetic clinics & beauty treatments by city.

Trusted • Verified • Best-in-Class Care

Explore Best Hospitals

How to get data in listview builder in flutter

flutter

I’m pretty new to using the REST API to get data and display it in a listview in Flutter.

API initializing 

 var productapi = new ProductAPI();
  @override
  void initState() {
    super.initState();
    productapi.gettripbooks().then((usersFromServer) {
      setState(() {
        users = usersFromServer;
        print(users);
        print('this is filter gettripbooks data');
           print(widget.data);
        var myfilteroperator =
            users.where((c) => c.customer_email == widget.data).toList();
        filteredUsers = myfilteroperator;
          print(filteredUsers);
      });
    });
  }

I created a list, filled that with dynamic data. Now I want all the data existing in listview

      child: Container(
        height: displayHeight(context) * 0.22,
        padding: const EdgeInsets.all(0),
        child: Column(
          children: [
            Expanded(
              child: ListView.builder(
                itemCount:
                filteredUsers.length > 95 ? 95 : filteredUsers.length,
                itemBuilder: (BuildContext context, int index) {
                  print('start date ');
                  print(filteredUsers[index].operator_emailid);
                  return filteredUsers[index].operator_emailid != null
                      ? InkWell(
                          child: Card(
                            child: Padding(
                              padding: const EdgeInsets.all(0.0),
                              child: Column(
                                crossAxisAlignment: CrossAxisAlignment.start,
                                children: <Widget>[
                                  ClipRRect(
                                    borderRadius: BorderRadius.circular(20),
                                    child: SingleChildScrollView(
                                      child: Image(
                                        image: NetworkImage(
                                          filteredUsers[index].poster != null
                                              ?    'https://www.holidaylandmark.com/storage/' +
                                                  filteredUsers[index].poster
                                              : "Not Found",
                                        ),
                                      ),
                                    ),
                                  ),
                                  Text(
                                    filteredUsers[index].TripHeading,
                                    textAlign: TextAlign.left,
                                    style: TextStyle(
                                      fontSize: displayWidth(context) * 0.042,
                                      fontFamily: "Roboto",
                                      fontWeight: FontWeight.w500,
                                    ),
                                  ),
                                 
                                  Text(
                                    'Customer-Email:' +
                                        filteredUsers[index].customer_email,
                                    textAlign: TextAlign.left,
                                    style: TextStyle(
                                        fontSize: displayWidth(context) * 0.036,
                                        fontFamily: "Roboto",
                                        fontWeight: FontWeight.w500),
                                  ),

                                ],
                              ),
                            ),
                          ),

                        )
                      : Center();
                },
              ),
            ),
          ],
        ),
      ),

Output:

Best Cardiac Hospitals Near You

Discover top heart hospitals, cardiology centers & cardiac care services by city.

Advanced Heart Care • Trusted Hospitals • Expert Teams

View Best Hospitals
Abhishek Singh

<p data-start="140" data-end="435">I’m Abhishek, a DevOps, SRE, DevSecOps, and Cloud expert with a passion for sharing knowledge and real-world experiences. I’ve had the opportunity to work with <a class="decorated-link" href="https://www.cotocus.com/" target="_new" rel="noopener" data-start="300" data-end="335">Cotocus</a> and continue to contribute to multiple platforms where I share insights across different domains:</p> <ul data-start="437" data-end="922"> <li data-start="437" data-end="514"> <p data-start="439" data-end="514"><a class="decorated-link" href="https://www.devopsschool.com/" target="_new" rel="noopener" data-start="439" data-end="485">DevOps School</a> – Tech blogs and tutorials</p> </li> <li data-start="515" data-end="599"> <p data-start="517" data-end="599"><a class="decorated-link" href="https://www.holidaylandmark.com/" target="_new" rel="noopener" data-start="517" data-end="569">Holiday Landmark</a> – Travel stories and guides</p> </li> <li data-start="600" data-end="684"> <p data-start="602" data-end="684"><a class="decorated-link" href="https://www.stocksmantra.in/" target="_new" rel="noopener" data-start="602" data-end="647">Stocks Mantra</a> – Stock market strategies and tips</p> </li> <li data-start="685" data-end="764"> <p data-start="687" data-end="764"><a class="decorated-link" href="https://www.mymedicplus.com/" target="_new" rel="noopener" data-start="687" data-end="732">My Medic Plus</a> – Health and fitness guidance</p> </li> <li data-start="765" data-end="841"> <p data-start="767" data-end="841"><a class="decorated-link" href="https://www.truereviewnow.com/" target="_new" rel="noopener" data-start="767" data-end="814">TrueReviewNow</a> – Honest product reviews</p> </li> <li data-start="842" data-end="922"> <p data-start="844" data-end="922"><a class="decorated-link" href="https://www.wizbrand.com/" target="_new" rel="noopener" data-start="844" data-end="881">Wizbrand</a> – SEO and digital tools for businesses</p> </li> </ul> <p data-start="924" data-end="1021">I’m also exploring the fascinating world of <a class="decorated-link" href="https://www.quantumuting.com/" target="_new" rel="noopener" data-start="968" data-end="1018">Quantum Computing</a>.</p>

0 0 votes
Article Rating
Subscribe
Notify of
guest
0 Comments
Oldest
Newest Most Voted
0
Would love your thoughts, please comment.x
()
x