التعامل مع lazy loading in flutter

تحيه طيبه للجميع

حقيقه ذهب مني وقت كبير جدا وانا أحاول تطبيق lazy loading مع FutureBuilder  ولكن لم تنجح لدي ولا اعلم ما هو السبب وانا لا ارغب باستعمال مكتبة جاهزة لفعل ذلك 

احتاج مساعده ممن لديه فكره كيف يمكن تطبيقها على الكود التالي حتى أقوم بتقطيع القائمة وعرضها بشكل منفصل على شكل دفعات وليس دفعه واحده

شكرا للجميع 

صفحة الكود لدي كالتالي:

class _HomePageState extends State<YourPost> {




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


  Future ApiUserPost() async {

    final String url = '*************';
    var response = await http.post(Uri.parse(url));
    var responsebody = jsonDecode(response.body);

    if (responsebody.length > 0) {
      return responsebody;
    } else {

    }
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
        body: Center(
      child: Container(
        child: SingleChildScrollView(
          child: Column(
            children: <Widget>[
              FutureBuilder(
                  future: ApiUserPost(),
                  builder: (context, AsyncSnapshot snapshot) {
                    if (snapshot.hasData) {
                      return ListView.builder(
                          physics: ScrollPhysics(),
                          scrollDirection: Axis.vertical,
                          shrinkWrap: true,
                          itemCount: snapshot.data.length.clamp(0, 6),
                          itemBuilder: (context, index) {
                            return Card(
                              // elevation: 1,
                              child: Container(
                                padding: EdgeInsets.all(6),
                                child: Row(
                                  children: <Widget>[
                                    Flexible(
                                      child: Column(
                                        crossAxisAlignment:
                                            CrossAxisAlignment.start,
                                        children: <Widget>[
                                          MergeSemantics(
                                            child: Row(
                                              children: <Widget>[
                                                Flexible(
                                                  child: Text(
                                                    "${snapshot.data[index]['name']}",
                                                  ),
                                                )
                                              ],
                                            ),
                                          ),
                                          SizedBox(height: 5),
                                        ],
                                      ),
                                    )
                                  ],
                                ),
                              ),
                            );
                          });
                    } else if (snapshot.hasError) {
                      Center(
                          child: CircularProgressIndicator(
                            valueColor:
                            new AlwaysStoppedAnimation<Color>(Colors.black),
                          ),);
                    }

                    return SizedBox(
                      height: MediaQuery.of(context).size.height / 1.3,
                      child: Center(
                        child: CircularProgressIndicator(
                          valueColor:
                              new AlwaysStoppedAnimation<Color>(Colors.black),
                        ),
                      ),
                    );
                  })
            ],
          ),
        ),
      ),
    ));
  }
}