title: Flutter Firestore Stem Data want to show in StaggeredGridView
body: <p>I have a <code>user</code> collection in Firestore where every document has two fields: <code>TimeStamp</code> and <code>text</code>.</p>
  <p>I want to show those documents real time in a <code>StaggeredGridView</code>. How can I implement it using <code>StreamBuilder</code>? How can I pass a text from Realtime stream snapshot using <strong>Flutter Web</strong> <em>flutter_staggered_grid_view</em> package?</p>
  <pre><code>StreamBuilder&lt;QuerySnapshot&gt;(
          stream: _usersStream,
          builder: (BuildContext context, AsyncSnapshot&lt;QuerySnapshot&gt; snapshot) {
            if (snapshot.hasError) {
              return Text('Something went wrong');
            }
  
            if (snapshot.connectionState == ConnectionState.waiting) {
              return Text(&quot;Loading&quot;);
            }
  
            return 
                Expanded(
                  child: NotesGrid(
                    timeStamp: &quot;WANT TO PASS THE TIME STAMP&quot;,
                    text: &quot;WANT TO PASS THE TEXT HERE&quot;
                    itemCount: snapshot.data!.docs.length,
                  ),
                ),
                }
  
  
  
  StaggeredGridView.countBuilder(
        crossAxisCount: 3,
        itemCount: itemCount,
        itemBuilder: (BuildContext context, int index) =&gt; Container(
            child: Column(
              crossAxisAlignment: CrossAxisAlignment.start,
              mainAxisAlignment: MainAxisAlignment.start,
              children: [
                
                MyTextBox(text: 'timeStamp'),
                MyTextBox(text: 'text'),
              ],
            )),
        staggeredTileBuilder: (index) {
          return StaggeredTile.count(1, index.isEven ? 1.2 : 1.8);
        },
        mainAxisSpacing: 8.0,
        crossAxisSpacing: 8.0,
        padding: const EdgeInsets.all(5.0),
      );
  </code></pre>