Class 'List<_JsonQueryDocumentSnapshot>' has no instance getter 'lenght'. Receiver: Instance(length:3) of '_GrowableList' Tried calling: lenght

Question

home page class

i am new to flutter and tying to made a ticket services application.

now i am getting this error.

Exception caught by widgets library

Class 'List<_JsonQueryDocumentSnapshot>' has no instance getter 'lenght'.

Receiver: Instance(length:3) of '_GrowableList'

Tried calling: lenght

body: CustomScrollView(
        slivers: [
          SliverPersistentHeader(
            pinned: true,
            delegate: TextDelegateHeaderWidget(title : "My Services"),
          ),


          //1. write Query

          // model class

          // ui design Widget


          StreamBuilder
            (
              stream: FirebaseFirestore.instance.
              collection("sellers").doc(sharedPreferences!.
              getString("uid")).collection("brands").snapshots(),
              builder: (context, AsyncSnapshot dataSnapshot)
              {
                if(dataSnapshot.hasData) // if brands has extis.
                  {
                    // display data
                  return SliverStaggeredGrid.countBuilder
                    (
                      crossAxisCount: 1,
                      staggeredTileBuilder: (c)=> const StaggeredTile.fit(1),
                      itemBuilder: (context, index)
                      {
                        Brands brandsModel = Brands.fromJson(
                          dataSnapshot.data!.docs[index].data() as Map<String, dynamic>);
                        //dataSnapshot.data!.docs[index].data()as Map<String, dynamic>);


                        return BrandsUiDesignWidget(
                         model: brandsModel,
                          context: context,

                        );
                      },
                      itemCount: dataSnapshot.data.docs.lenght,
                  );
                  }
                else // if not exists.
                  {
                    return const SliverToBoxAdapter(
                      child: Center(
                         child: Text(
                            "No Services Exists. Please Add Some" ,

                          ),
                        ),
                    );

                  }


              }

           )

        ],
      ),

Brands class

class _BrandsUiDesignWidgetState extends State<BrandsUiDesignWidget>
{
  @override
  Widget build(BuildContext context)
  {
    return Card(
      elevation: 10,
      shadowColor: Colors.black,
        child: Padding(
          padding: const EdgeInsets.all(0),
          child: SizedBox(
            height: 270,

            width: MediaQuery.of(context).size.width,
            child: Column(
              children: [
                Image.network(
                  widget.model!.thumbnailUrl.toString(),
                  height: 220,
                  fit: BoxFit.cover,

                ),
                const SizedBox(height: 1,),

                Row(
                  mainAxisAlignment: MainAxisAlignment.center,
                  children: [
                    Text(
                      widget.model!.brandTitle.toString(),
                      style: const TextStyle(
                        color: Colors.deepPurple,
                        fontWeight: FontWeight.bold,
                        fontSize: 20,
                        letterSpacing: 3,
                      ),
                    ),

                    IconButton(
                        onPressed: ()
                        {

                        } ,
                        icon: const Icon(
                          Icons.delete_sweep,
                          color: Colors.pinkAccent,

                        ),
                    ),
                  ],
                ),
              ],
            ),
          ),
        ),
    );
  }
}

i am trying to show data in my services. but the code is giving this error i am new to flutter. by changing my code will be a lot helpful than explaining. cuz I am new and don't know a lot of things.

Answer 1

Your code looks fine, just an error in the length property, replace this:

   itemCount: dataSnapshot.data.docs.lenght,

with this:

   itemCount: dataSnapshot.data.docs.length,