SwiftUI: formatting decimals in Text view

When we use the Slider view to select a value, we have to use a Double value and this causes a problem, because when it’s time to show the value in a Text view, number 34 appears as 34.000000, despite us using a step value of 1, meaning …


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com

When we use the Slider view to select a value, we have to use a Double value and this causes a problem, because when it’s time to show the value in a Text view, number 34 appears as 34.000000, despite us using a step value of 1, meaning we can only select integer values in our slider:

struct ContentView: View {
    @State private var age: Double = 0
    
    var body: some View {
        Form {
            Slider(value: $age, in: 0...100, step: 1)
            Text("\(age)")
        }
    }
}

Let’s see how we can format this value to show 34 instead.

When we interpolate the value of age in the Text view, we can provide an additional parameter called specifier.

This specifier lets us use a string format specifier. You can lookup the available options in the Apple documentation for String.

In our case, we can use $.0f:

Text("\(age, specifier: "%.0f")")

See? Now we get 20 instead of 20.000000:


This content originally appeared on flaviocopes.com and was authored by flaviocopes.com


Print Share Comment Cite Upload Translate Updates
APA

flaviocopes.com | Sciencx (2021-10-02T05:00:00+00:00) SwiftUI: formatting decimals in Text view. Retrieved from https://www.scien.cx/2021/10/02/swiftui-formatting-decimals-in-text-view/

MLA
" » SwiftUI: formatting decimals in Text view." flaviocopes.com | Sciencx - Saturday October 2, 2021, https://www.scien.cx/2021/10/02/swiftui-formatting-decimals-in-text-view/
HARVARD
flaviocopes.com | Sciencx Saturday October 2, 2021 » SwiftUI: formatting decimals in Text view., viewed ,<https://www.scien.cx/2021/10/02/swiftui-formatting-decimals-in-text-view/>
VANCOUVER
flaviocopes.com | Sciencx - » SwiftUI: formatting decimals in Text view. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2021/10/02/swiftui-formatting-decimals-in-text-view/
CHICAGO
" » SwiftUI: formatting decimals in Text view." flaviocopes.com | Sciencx - Accessed . https://www.scien.cx/2021/10/02/swiftui-formatting-decimals-in-text-view/
IEEE
" » SwiftUI: formatting decimals in Text view." flaviocopes.com | Sciencx [Online]. Available: https://www.scien.cx/2021/10/02/swiftui-formatting-decimals-in-text-view/. [Accessed: ]
rf:citation
» SwiftUI: formatting decimals in Text view | flaviocopes.com | Sciencx | https://www.scien.cx/2021/10/02/swiftui-formatting-decimals-in-text-view/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.