title: How to use LazyVGrid or LazyHGrid to get displayed content based on size?
body: <p>Is it possible to use LazyVGrid or LazyHGrid to get a view like this?</p>
  <p><a href="https://i.stack.imgur.com/7tWMY.png" rel="noreferrer"><img src="https://i.stack.imgur.com/7tWMY.png" alt="enter image description here" /></a></p>
  <p>The Text values are rendered in the box, and if there is no more space near the right border, then it starts on the next row.</p>
  <p>I have tried using the LazyGrids but it seems that since I am required to give a minimum column width</p>
  <pre><code>LazyVGrid(columns: [
     GridItem(.adaptive(minimum: 60)),
  ],
  </code></pre>
  <p>The text gets truncated.  Is there any way to accomplish the view in the image above using grids?</p>