title: VStack inside ForEach loop not respecting alignment parameter in WatchOS
body: <p>I have a <code>VStack</code> with alignment <code>.leading</code> inside of a <code>ForEach</code> loop inside a <code>ScrollView</code> and the alignment parameter is not being respected. If I have a single <code>VStack</code> outside of the <code>ForEach</code> loop the alignment parameter is being used and the view is displayed correctly.</p>
  
  <pre><code>    ScrollView{
          // THIS DISPLAYS CORRECTLY
          VStack(alignment: .leading){
              Text("namename")
                  .font(.headline)
                  .lineLimit(1)
              Text("namename  name")
                  .font(.subheadline)
                  .lineLimit(1)
          }
          .padding()
          .frame(minWidth: 0, maxWidth: .infinity)
          .background(Color.gray.opacity(0.20))
          .cornerRadius(5)
          .padding(.bottom)
  
          ForEach(self.list_of_names, id: \.self) { item in
              // THIS DOES NOT DISPLAY CORRECTLY
              VStack(alignment: .leading){
                  Text(item)
                      .font(.headline)
                      .lineLimit(1)
                  Text(item + " name")
                      .font(.subheadline)
                      .lineLimit(1)
              }
              .frame(minWidth: 0, maxWidth: .infinity)
              .background(Color.gray.opacity(0.20))
              .cornerRadius(5)
              .padding(.bottom)
          }
  
      }
      .padding()
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/LvbG2.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/LvbG2.png" alt="enter image description here"></a></p>
  
  <p>The first row has the correct alignment and it's outside the <code>ForEach</code> loop, meanwhile the other rows are inside the loop. The blue lines represent me highlighting each <code>VStack</code> inside the <code>ForEach</code> loop</p>