HIG Playground Home GitHub 🇺🇸 EN
HIG Lab → HIG Playground → Navigation Bars

Navigation Bars

iOS Navigation Bar의 Large Title과 Inline 스타일을 직접 체험해보세요. 컨트롤 패널에서 속성을 변경하면 iPhone 화면에 즉시 반영됩니다.

9:41
●●●● WiFi 🔋
General
About
›
Software Update
›
iPhone Storage
›
Settings
Accessibility
›
Privacy & Security
›
Notifications
›
Display & Brightness
›
Wallpaper
›
⚠️ HIG 위반: 네비게이션 바가 부적절합니다
📚 HIG Guidelines — 직접 체험하기
✓ Do — 올바른 예시
✗ Don't — 나쁜 예시

✓ 이렇게 하세요

  • Use a clear, concise title that describes the current view
  • Use Large Title style for top-level navigation
  • Use the standard back button to return to the previous screen
  • Place controls that affect the current view in the trailing area
  • Use SF Symbols for bar button items when possible

✗ 이렇게 하지 마세요

  • Don't use more than 2-3 trailing bar button items
  • Don't replace the standard back button with a custom one unnecessarily
  • Don't use overly long titles that get truncated
  • Don't hide the navigation bar in the middle of a navigation flow

👆 iPhone 미리보기에서 나쁜 패턴을 직접 확인해보세요

None
Back Button
None
Edit
Add (+)
Edit + Add
Show Search Bar
SwiftUI Code
NavigationStack { List { // content } .navigationTitle("Settings") .navigationBarTitleDisplayMode(.large) }
HIG Lab — Apple Human Interface Guidelines Interactive Playground