<aside> 📆 Feb 01, 2020 - Mar 01, 2020

</aside>

Process Goal: Learn SwiftUI

Outcome Goal: Build an app using SwiftUI that includes interaction design

getjennyli/30-Day-SwiftUI

• Todo

Resources

Learn SwiftUI

SwiftUI by Example

Day 1

• Created: Simple Counter Functionality

• Read & write variable

  @State private var name = ""
  TextField("Name is \\($name)") // read & write
  Text("Name is \\(name)") // read
  

• Picker

  Whether picker goes to new view or in current view depends

  Picker(selection: $selectedOption, label: Text("Title")) {}
  

• Create Form

Day 2

• Created: Minimal Text Wallpaper Generator
• SegmentedControl is another style of Picker
• Add section header and footer Section(header: Text("Title") {}
• HStack, VStack, ZStack
• Stepper
• Color

Day 3

• Created: Gradient Generator

• Gradients

  LinearGradient(gradient: Gradient(colors: [.white, .black]), startPoint: .top, endPoint: .bottom)
  RadialGradient(gradient: Gradient(colors: [.blue, .black]), center: .center, startRadius: 20, endRadius: 200)
  AngularGradient(gradient: Gradient(colors: [.red, .yellow, .green, .blue, .purple, .red]), center: .center)
  

• Image inside button

• Show Alert

  @State private var showingAlert = false
  Button("Title"){self.showingAlert.true}.alert(isPresented: $showingAlert){Alert(...)}
  

Day 4

• Created: Guess Number Game
• shuffled() randomize array order
• Int.random(in:) chooses one random integer in a range we specify.
• Built-in shapes: Rectangle, rounded rectangle, circle, capsule
• Use NavigationLink(destination: ViewName()) {} go to other views
• Card Flip

Day 16: SwiftUI Card Flip Animation

Day 5

• Views and modifiers
• Ternary Operator
• Environment modifiers
• Views as property
• ⭐️View composition
• Custom modifiers - can create reusable components using this

Day 6

• Create: rock, paper, scissor game

• ForEach can identify string value directly as index

  ForEach(agents, id: \\.self) {}

• Custom binding