jpudysz/react-native-unistyles

어떤 프로젝트인가요?

핵심 기능

• 01테마를 등록하고 함수 호출 한 번으로 전환할 수 있습니다.
• 02화면 크기와 기타 런타임 조건에 따라 스타일이 적용됩니다.
• 03JSI 바인딩과 Nitro Modules를 사용하는 C++ 코어를 기반으로 합니다.
• 04래퍼 컴포넌트를 추가하지 않아 뷰 계층 구조를 깔끔하게 유지합니다.
• 05클래스와 pseudo class를 사용하는 웹, 그리고 Next.js 기반 SSR을 지원합니다.
• 06모노레포에서 여러 플랫폼이 스타일을 공유할 수 있습니다.

활용 사례

• 라이트 테마와 다크 테마가 필요한 React Native 앱을 개발할 때.
• 네이티브 모바일 프로젝트와 React Native Web 프로젝트에서 하나의 스타일 세트를 공유할 때.
• development build를 사용하는 Expo 앱에 반응형 레이아웃을 추가할 때.
• React Native 코드베이스를 테마 중심 스타일링 시스템으로 마이그레이션할 때.

빠른 시작

1. 1

   라이브러리와 종속 항목인 Nitro Modules를 설치하세요

   yarn add react-native-unistyles react-native-nitro-modules
2. 2

   사용 중인 플랫폼의 설치 가이드를 따르세요

사용 전 알아둘 점

• !New Architecture가 활성화된 React Native 0.85 이상 및 React 19 이상이 필요합니다.
• !Expo 프로젝트에는 개발 빌드가 필요하며 Expo Go는 지원되지 않습니다.

토픽

자주 묻는 질문

react-native-unistyles은(는) 무엇인가요?

Nitro Modules와 JSI를 기반으로 테마, 반응형 스타일, variants를 지원하도록 StyleSheet를 확장하는 React Native 스타일링 라이브러리입니다. Unistyles는 JSI와 Nitro Modules를 통해 C++ 코어를 제공하며, 기존 StyleSheet 작업 방식을 대체하는 React Native 스타일링 라이브러리입니다. 스타일을 한 번 정의해 두면 함수 호출 한 번으로 등록된 테마를 전환할 수 있으며, 화면 크기와 기타 런타임 조건에 맞춰 스타일이 적용됩니다.

react-native-unistyles은(는) 무료로 사용할 수 있나요? 라이선스는 무엇인가요?

react-native-unistyles에는 명시된 라이선스가 없습니다. 코드는 공개되어 있지만 라이선스가 없으면 재사용 허가가 명확하지 않으므로, 사용 전에 작성자에게 문의하는 것이 좋습니다.

react-native-unistyles은(는) 아직 유지보수되고 있나요?

활발히 유지보수 중. react-native-unistyles의 마지막 커밋은 2026년 11월 3일입니다.

react-native-unistyles은(는) 어디에 사용할 수 있나요?

라이트 테마와 다크 테마가 필요한 React Native 앱을 개발할 때. 네이티브 모바일 프로젝트와 React Native Web 프로젝트에서 하나의 스타일 세트를 공유할 때. development build를 사용하는 Expo 앱에 반응형 레이아웃을 추가할 때. React Native 코드베이스를 테마 중심 스타일링 시스템으로 마이그레이션할 때.

react-native-unistyles는 어떻게 설치하나요?

라이브러리와 종속 항목인 Nitro Modules를 설치하세요: yarn add react-native-unistyles react-native-nitro-modules 사용 중인 플랫폼의 설치 가이드를 따르세요

react-native-unistyles은(는) 어디서 받을 수 있나요?

소스 코드와 설치 방법은 GitHub에 있습니다: https://github.com/jpudysz/react-native-unistyles