How to make exponents in the SwiftUI

Question

I found the new method in SwiftUI to allow you to create an exponent.

Here what I write code is based in SwiftUI on the Swift Playground.

import SwiftUI
import PlaygroundSupport

struct V: View {

    var body: some View { 

        HStack {

            Text("8")
            Text("2\n").font(Font.system(size: 10))

            }

        } 


}

PlaygroundPage.current.setLiveView(V())

The \n allows you to break the line and make a new line in UIKit. However, SwiftUI gives you to make a top while break line and make a new line inside the second Text. You can make a size for the Font in the Text.

That's it! You made the exponent in SwiftUI!

Answer 1

The following seems look more naturally... as variant

var body: some View {
    Text("8") + Text("2").font(.system(.footnote))
                  .baselineOffset(UIFont.systemFontSize * 2 / 3)
}