The getter 'length' was called on null

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

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

الكود شغال ولكن اول من أقوم بتشغيل الكود احصل على الخطاء التالي:

The getter 'length' was called on null.
Receiver: null
Tried calling: length

المشكلة على ما يبدو في الوقت المستغرق في تحميل dots او البداية يكون فارغ 

كيف يمكن حل هذا المشكلة وتجنب هذا الخطاء؟ ام توجد مشكلة في طريقة كتابتي للكود اقصد خطاء ؟

الكود كالتالي :

  var responsebody;

  Future getdataImage() async {

    apiURL = 'https:****************;
    var response = await http.post(Uri.parse(apiURL));
     responsebody=jsonDecode(response.body);
    if (responsebody.length >0){

      return responsebody;

    }else{

    }
  }

                FutureBuilder(
    future: getdataImage(),
    builder: (context, snapshot) {
      if (snapshot.hasData) {
        if (snapshot.data != null) {
          return
            PageView.builder(
                onPageChanged: onPageViewChange,
                itemCount: snapshot.data.length,
                itemBuilder: (BuildContext context, int index) {
                  return Container(
                    child: Column(children: <Widget>[
                      InkWell(
                          child: CachedNetworkImage(
                            imageUrl: "${snapshot.data[index]['image']}",
                            width: double.infinity,
                            height: 400,
                            fit: BoxFit.cover,
                            
                            errorWidget:
                                (context, url, error) =>
                                Icon(Icons.error),
                          ),
                      )
                    ]
                        
                    ),

                  );
                });
        }
      }else {
        return  CircularProgressIndicator();
      }
    }

                                ),
                                Align(
                                  alignment: Alignment.bottomCenter,
                                  child: Container(
                                    height: 40,
                                    decoration: BoxDecoration(
                                        gradient: LinearGradient(
                                            begin: Alignment.topCenter,
                                            end: Alignment.bottomCenter,
                                            colors: [
                                          Colors.black.withOpacity(0.0),
                                          Colors.black.withOpacity(0.5)
                                        ])),
                                    child: Align(
                                      alignment: Alignment.center,
                                      child:
                                        buildDots(context)
                                    ),
                                  ),
                                )

  Widget buildDots(BuildContext context) {
    Widget widget;

    List<Widget> dots = [];

    for (int i = 0; i <responsebody.length; i++) {
      Widget w = Container(
        margin: EdgeInsets.symmetric(horizontal: 5),
        height: 8,
        width: 8,
        child: CircleAvatar(
          backgroundColor: page == i ? Colors.blue : Colors.grey[100],
        ),
      );
      dots.add(w);
    }
    widget = Row(
      mainAxisSize: MainAxisSize.min,
      children: dots,
    );
    return widget;
  }
}