17.7 Modifying the Design

Working with SwiftUI primarily involves adding additional views, customizing those views using modifiers, adding logic and interacting with state and other data instance bindings. All of these tasks can be performed exclusively by modifying the structure in the code editor. The font used to display the “Hello, world!” Text view, for example, can be changed by adding the appropriate modifier in the editor:

Text("Hello, world!")

    .padding()

    .font(.largeTitle)

An alternative to this is to make changes to the SwiftUI views by dragging and dropping items from the Library panel. The Library panel is displayed by clicking on the toolbar button highlighted in Figure 17-13:

Figure 17-13

When displayed, the Library panel will appear as shown in Figure 17-14:

Figure 17-14

When launched in this way, the Library panel is transient and will disappear either after a selection...