SDSCustomView

convenience view collection

FixedWidthLabel

Sometimes we want to have fixed-width labels. Usually we don’t mind width value itself, but want to align leading/center/traiing.

We want to see layout like

You can easily achieve above layout with

VStack {
  FixedWidthLabel("123", "0000").alignment(.trailing)
  FixedWidthLabel(  "1", "0000").alignment(.trailing)
}

basically above is equal to followings

VStack {
    Text("0000")
      .hidden()
      .overlay(
         Text("123")
         .frame(maxWidth: .infinity, alignment: .trainling)
      )
    Text("0000")
      .hidden()
      .overlay(
         Text("1")
         .frame(maxWidth: .infinity, alignment: .trainling)
      )
}

Just for reducing boilerplates.

Note: it is NOT ultimately fixed width label. in case user modify their text size setting, label width would be affected.

GitHub

View Github