Shuntiger Tech Diary

iOS/Androidエンジニアが気になる技術やガジェットなどを気のままお届けするブログ

SwiftUIで電卓アプリを作成してみた

f:id:hyaku-juu-ichi:20200323113318p:plain

気付き

  • previewでアシスト画面をみれる、resumeで同期する。
  • プロジェクト作成時、storyboardではなくSwiftUIを選択する。
  • simulatorを変更すると自動的にpreviewも合わせて変化する。
  • UIはZStack, VStack, HStackを組み合わせてレイアウトする。
  • previewのUIパーツ or コードをクリックするとどこの箇所で影響があるかわかるようになっている。
  • enumでUIパーツの設定(title, backgroundColor)を管理。
  • @EnvironmentObject
  • @Published
    • 監視するプロパティに付与する。

Github: GitHub - snt-nbzw/CalculatorSwiftUI: Practice SwiftUI

参考