title: How to make the width of a VStack grow based on the width of a Text
body: <p>What I need is to be able to create a <code>VStack</code> where its width grows if the <code>Text</code> inside grows. I also would like to be able to maintain the <code>VStack</code> minimum width at <code>180pt</code> if possible.</p>
  <p>The following code does almost what I need except it doesn't have a minimum width; which I can live without. The issue with the code below is that I'm getting a purple warning when I test it on a device.</p>
  <p>Any idea why am I getting the warning below?</p>
  <p>Bye the way, I get no errors, just the warning.</p>
  <pre><code>struct GeneralTest: View {
      var body: some View {
          VStack{
              Text(&quot;244GGDD&quot;)
                  .frame(width: .infinity, height: 55, alignment: .center)
                  .font(Font.system(size: 42, weight: .light))
                  .foregroundColor(Color.blue)
                  .padding(.leading, 20)
                  .padding(.trailing, 20)
  
          }
          .frame(width:.infinity, height: 100, alignment: .center)
          .background(Color.gray)
      }
  }
  </code></pre>
  <h2>Warning:</h2>
  <p><a href="https://i.stack.imgur.com/WJPYb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WJPYb.png" alt="enter image description here" /></a></p>