Youtuber @CodeWithWilliamJiamin's Website
SwiftUI Tutorial: Creating an Accordion Layout in SwiftUI In this tutorial, we'll walk through the process of building an accordion layout using SwiftUI. This interactive UI component allows users to…
SwiftUI Tutorials: Creating an Expandable View with Long Press Gesture in SwiftUI In this tutorial, we'll walk through the process of creating an expandable view using SwiftUI. This interactive UI…
Building a Custom Selection View in SwiftUI In this tutorial, we'll create a custom selection view using SwiftUI. This view will allow users to select from multiple options, with a…
To view this content, you must be a member of CodeWithWilliamJiamin's Patreon at $3 or more Unlock with PatreonAlready a qualifying Patreon member? Refresh to access this content.
When dealing with multiple views in a navigation stack, the safe area can indeed be different for each view. The code we previously discussed gets the safe area for the…
In this tutorial, we'll walk through a SwiftUI code that creates an interactive cat animation. The app displays three overlapping cat icons that move together when the user taps anywhere…
@State private var progress: Double = 0.0 let timer = Timer.publish(every: 0.1, on: .main, in: .common).autoconnect() var body: some View { ProgressView(value: progress, total: 100, label: { Text("Downloading...") .padding(.bottom, 4)…
ProgressView(label: { Text("Loading") .font(.caption) .foregroundColor(.secondary) } ).progressViewStyle(.circular) this is old version, you should update code like this : // // ContentView.swift // ProgressIconandBar // // Created by WilliamJiamin on 2024/6/29.…
```swift @State private var selectedFlavor: Flavor = .chocolate var body: some View {Form {Picker("Flavor",selection: $selectedFlavor) {ForEach(Flavor.allCases) {Text($0.description).tag($0)}}).pickerStyle(.automatic)}} ```
How to make a Slider using SwiftUI? @State private var volume: Double = 50.0 var body: some View { Slider(value: $volume, in: 0...100, minimumValueLabel: Image(systemName: "speaker"), maximumValueLabel: Image(systemName: "speaker.wave.3"), label:…