Skip Showcase

Skip Showcase는 Skip으로 구축된 사용자 인터페이스 구성 요소의 포괄적이고 인터랙티브한 카탈로그입니다. Skip은 Swift와 SwiftUI로 하나의 앱을 작성하여 iOS와 Android 모두에서 네이티브로 실행할 수 있도록 지원하는 크로스 플랫폼 개발 도구입니다.

이 앱은 Swift와 SwiftUI로 완전히 작성되었습니다. iOS에서는 일반적인 네이티브 SwiftUI 앱으로 실행됩니다. Android에서는 동일한 Swift 코드가 공식 Swift SDK for Android를 사용하여 네이티브로 컴파일되고, Skip의 SkipUI 프레임워크가 SwiftUI 뷰를 Jetpack Compose로 변환하여 진정한 네이티브 Android 환경을 제공합니다.

Skip Showcase는 SwiftUI 구성 요소가 두 플랫폼에서 어떻게 보이고 동작하는지 비교하는 데 이상적인 도구입니다. 앱의 모든 화면은 iOS와 Android 모두에서 실행되는 동일한 Swift 소스 코드로 구성되어 있으므로 Skip이 SwiftUI를 네이티브 Android 컨트롤에 어떻게 매핑하는지 정확하게 확인할 수 있습니다.

이 앱은 다음과 같은 다양한 SwiftUI 기능을 제공합니다.

UI 컨트롤: 버튼, 토글, 슬라이더, 스텝퍼, 피커, 날짜 선택기, 텍스트 필드, 보안 필드, 텍스트 편집기, 메뉴 등

레이아웃: 스택 뷰(HStack, VStack, ZStack), 그리드, 폼, 리스트, 스크롤뷰, 스페이서, 지오메트리리더, 뷰댓핏츠, 세이프에어리어, 프레임

내비게이션: 내비게이션 스택, 탭뷰, 시트, 확인 대화 상자, 알림, 툴바, 디스클로저그룹, 링크

그래픽 및 효과: 도형, 그라디언트, 그림자, 흐림 효과, 블렌드 모드, 마스크, 오버레이, 테두리, 애니메이션, 전환, 변형, 색상 효과

데이터 및 상태: @State, @Observable, @Environment, 환경 설정 키, 포커스 상태, 장면 단계, 저장소, 타이머, 알림

텍스트 및 미디어: 텍스트 스타일링, SF 심볼, 이미지, 비디오 플레이어, Lottie 애니메이션, 현지화

플랫폼 통합: 햅틱 피드백, 키보드 처리, 클립보드, 공유 링크, 검색 가능, 웹뷰, 지도, SQL 데이터베이스, 키체인, 문서 선택기, 웹 인증

커스텀 컴포즈: Skip의 ComposeView 브리징을 사용하여 SwiftUI 코드 내에 사용자 지정 Jetpack Compose 뷰를 직접 삽입하는 방법을 보여줍니다.

Skip Showcase는 오픈 소스입니다. 각 구성 요소의 구현 방식을 보려면 https://github.com/skiptools/skipapp-showcase-fuse에서 소스 코드를 살펴보세요.

Skip에 대한 자세한 정보는 https://skip.dev에서 확인할 수 있습니다.