title: The SwiftUI cost me whole morning just build a tiny button, please save me
body: <p>So I'm just trying to build a list that look like below, however, the SwiftUI Button drive me crazy and I wanna make corner radius 10, but the corner actually always disappears.</p>
  
  <p>This is the row I want, notice that the 'Follow' button has cornerRadius and a proper height</p>
  
  <p><a href="https://i.stack.imgur.com/lxQwF.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/lxQwF.png" alt="This is the row I want, notice that the &#39;Follow&#39; button has cornerRadius and a proper height,"></a></p>
  
  <p>However after I searched tons of damn answer, what I can only got is this, the corner even disappears!!!:</p>
  
  <p><a href="https://i.stack.imgur.com/1D8Cj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1D8Cj.png" alt="However after I searched tons of damn answer, what I can only got is this, the corner even disappears!!!"></a></p>
  
  <pre><code>Button(action: {
  
              }) {
                  if person.isInKnock {
                      Text("Follow").font(.system(size: 14)).foregroundColor(Color(ColorUtils.hexStringToUIColor(hex: Constants.THEME.THEME_COLOR))).padding()
                  }
                  else {
                      Text("Invite to Knock").font(.system(size: 14)).foregroundColor(Color(ColorUtils.hexStringToUIColor(hex: Constants.THEME.THEME_COLOR))).padding()
                  }
  
          }.frame(height: CGFloat(30)).border(Color.gray, width: CGFloat(1)).cornerRadius(CGFloat(10))
  </code></pre>