title: How do you create grid items that are auto-sized based on the size of the text in a SliverGridDelegate?
body: <pre><code>GridView.custom(
    gridDelegate: SliverQuiltedGridDelegate(
      crossAxisCount: 2,
      mainAxisSpacing: 4,
      crossAxisSpacing: 4,
      repeatPattern: QuiltedGridRepeatPattern.inverted,
      pattern: [
        const QuiltedGridTile(2, 1),
        const QuiltedGridTile(1, 1),
      ],
    ),
    childrenDelegate: SliverChildBuilderDelegate(
      (BuildContext context, int index) {
        ......
  </code></pre>
  <p>So my current implementation looks like this. <a href="https://i.stack.imgur.com/CDOCI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/CDOCI.png" alt="image" /></a></p>
  <p>Looking to resize the list tiles/grid tile based on the content size to look like a dynamic grid. I also need to figure out how to place the delete button to the bottom right but that's a challenge for another day.</p>