itemcount is not update – Flutter

i have problem here , i want the all of the rows show but when i run the app it show only one row but i have 6 or 7 rows in my database whin i try to run the code the output came like this screenshot :-

i want the output like this screenshot : –

this is my code:

import 'dart:convert';

import 'package:flutter/material.dart';
import 'package:http/http.dart' as http;

class my_ads extends StatefulWidget {
  const my_ads({Key? key}) : super(key: key);

  @override
  State<my_ads> createState() => _my_adsState();
}

List list = [];
int select_item = 0;

class _my_adsState extends State<my_ads> {
  @override
  Future ReadData() async {
    var url = "https://***.***.***.**/getData.php";
    var res = await http.get(Uri.parse(url));

    if (res.statusCode == 200) {
      var red = jsonDecode(res.body);

      setState(() {
        list.addAll(red);
      });

      print(list);
    }
  }

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

    GetData();
  }

  GetData() async {
    await ReadData();
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: ListView.builder(
            itemCount: list.length,
            itemBuilder: ((cts, i) {
              return Container(
                  height: 300,
                  child: ListView(
                    children: [
                      Container(
                        margin: EdgeInsets.only(left: 70, right: 60),
                        height: 54.0,
                        width: 224.0,
                        child: Container(
                            decoration: BoxDecoration(
                                border: Border.all(
                                    color: Color(0xffF4AC47), width: 5),
                                color: Color(0xff42A9D2),
                                borderRadius: BorderRadius.only(
                                    bottomLeft: Radius.circular(40),
                                    bottomRight: Radius.circular(40))),
                            child: new Center(
                              child: new Text(
                                "MyAds",
                                style: TextStyle(
                                    fontSize: 25,
                                    color: Color(0xff072A52),
                                    fontFamily: 'Cairo'),
                                textAlign: TextAlign.center,
                              ),
                              //end logo
                            )),
                      ),

                      ///end logo

                      SizedBox(
                        height: 35,
                      ),

                      ///start Section
                      Container(
                        margin: EdgeInsets.only(left: 10, right: 10),
                        height: 180.0,
                        width: 430.0,
                        child: Container(
                            decoration: BoxDecoration(
                                border: Border.all(
                                    color: Color(0xff42A9D2), width: 5),
                                borderRadius: BorderRadius.circular(8)),
                            child: new Container(
                                child: Row(
                              children: [
                                Expanded(
                                    child: Image(
                                  image: AssetImage("assets/book.jpg"),
                                )),
                                Container(
                                  margin: EdgeInsets.only(
                                      left: 110, top: 30, right: 13),
                                  child: Column(
                                    children: [
                                      Text(
                                        "${list[i]["book_name"]}",
                                        style: TextStyle(
                                            fontSize: 20,
                                            color: Colors.black87),
                                      ),
                                      SizedBox(
                                        height: 20,
                                      ),
                                      Row(
                                        children: [
                                          Text("${list[i]["collage"]}"),
                                          Icon(Icons.perm_identity_rounded)
                                        ],
                                      ),
                                      SizedBox(
                                        height: 5,
                                      ),
                                      Row(
                                        children: [
                                          Text("${list[i]["loc"]}"),
                                          Column(
                                            children: [Icon(Icons.store)],
                                          )
                                        ],
                                      ),
                                    ],
                                  ),
                                )
                              ],
                            )
                                //end logo

                                )),
                      ),
                      SizedBox(
                        height: 35,
                      ),
                    ],
                  ));
            })));
  }
}

i tried to make the logo in another Row() but i dont know how its works