개요

ZS-ui는 JavaScript만으로 구현된 Expo용 UI 컴포넌트 라이브러리입니다.

다크 모드, 테마, 타이포그래피(Typo), Alert와 같은 주요 UI 요소가 포함되어 있으며, 직관적이고 일관된 사용자 인터페이스를 구현할 수 있습니다.

테마

UI 컴포넌트

Notify 컴포넌트

설치방법

아래 명령어를 통해 필요한 패키지들을 설치합니다.

# 필수 패키지 설치
npx expo install @react-native-async-storage/async-storage react-native-gesture-handler react-native-reanimated react-native-svg react-native-safe-area-context

# ZS UI 라이브러리 설치
npx expo install @0610studio/zs-ui

폴더 구조

root/
├── example/             # 예제 폴더 - 라이브러리 사용 예제
│ 
├── src/
│   ├── assets/          # 폰트와 이미지 같은 정적 파일들을 저장
│   ├── model/           # Provider 및 전역 상태 관리 관련 폴더
│   ├── notify/          # Alert, 스낵바, 바텀시트 등의 알림 관련 UI 컴포넌트
│   ├── theme/           # 색상 팔레트와 타이포그래피 등의 테마 설정 파일
│   └── ui/              # UI 컴포넌트와 atomic 기본 요소들
└──