IOS TOPICS

IOS Introduction
Swift UI Label
Swift UI Button
Swift UI Text Field
Swift UI Slider
Swift UI Switch
Swift UI Stepper
Swift UI Date Picker
Swift UI Segmented Control
Views
Table View
Collection Views
SCROLL VIEW
iOS Content View
iOS View Controllers
iOS Bar interface
iOS Navigation interface
iOS Architect Pattern
iOS Libraries
iOS Web request and parsing
iOS user defaults
iOS Coredata and database

SwiftUI:Label


What are Labels in SwiftUI?

The most basic UI components in iOS applications are either text or images or a combination of known as labels. They are found across the applications in conjunction with other UI Controls like tables etc. Like all swiftUI components, labels can undergo a wide range of customizations and we will explore the same below:

To create the most basic form of a Label do the following

Launch a new project in Xcode from the Launchpad on your Mac. You should see the welcome screen as shown below.

ios output

(If you don’t then go to file>new>playground)

ios output

Click on “Create a new Xcode project

ios output

The dialog that pops up allows you to choose a template for your project. For the purposes of this article choose “App” under “Application.”

ios output

The following dialog box opens up. Here you can name the project TestLabel, choose the type of interface as “Storyboard” and select the Life Cycle as “SwiftUI App” & finally the language you want to continue in as “Swift”.

ios output

Finally, choose where you’d like to save the file and click create.

ios output

In the canvas, next to the code editor, click Resume to display the preview. If it isn’t visible, go to Editor and click Editor and Canvas to view it. From the left hand side of the window, select ContentView.swift and you can create a simple date picker using the following piece of code

Code:

import SwiftUI struct ContentView: View { var body: some View { Label("Location", systemImage: "pin") // Image from app bundle Label("ECG", image: "ecg") } } struct ContentView_Previews: PreviewProvider { static var previews: some View { ContentView() } }

Output:

ios output