title: SwiftUI - App Store Rating Section, Design Clone
body: <p>I'm trying to orient a section in my app on the App Store design and build it in the same way:</p>
  <p><a href="https://i.stack.imgur.com/FzgEl.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/FzgEl.jpg" alt="enter image description here" /></a></p>
  <p>Does anyone of you know if the code snippet is available somewhere? I only found animation challenges from the App Store.</p>
  <p>Anyways, I tried to copy it by my own but I do not understand how the rounded Number (4,7) is getting created. Is it a custom font or is there some sort of layer around a standard font? At the moment I'm stuck cloning this layout.</p>
  <p>Here's what I tried:</p>
  <pre><code>struct AppStoreRatingSection: View {
      var body: some View {
          HStack{
              VStack{
                  Text(&quot;Bewertungen&quot;)
                      .font(.title)
                      .fontWeight(.heavy)
                      .foregroundColor(.primary)
                  Text(&quot;4,3&quot;)
                      .font(.title)
                      .fontWeight(.heavy)
                      .foregroundColor(.primary)
              }
              Spacer()
              VStack {
                  Text(&quot;Chart here&quot;)
              }
          }
          .padding(.horizontal)
      }
  }
  </code></pre>
  <p>Many Thanks!</p>