react-native-screens

(★ 3,716)

Native navigation primitives for your React Native app.

오너의 다른 레포

react-native-reanimated ★ 10,958

React Native의 Animated 라이브러리 재구현

TypeScript
react-native-svg ★ 8,000

React Native, React Native Web, 그리고 일반 React 웹 프로젝트를 위한 SVG 라이브러리입니다.

TypeScript
react-native-gesture-handler ★ 6,779

React Native에 플랫폼 네이티브 터치 및 제스처 시스템을 노출하는 선언형 API입니다.

TypeScript
TypeGPU ★ 3,016

A modular and open-ended toolkit for WebGPU, with advanced type inference and the ability to write shaders in TypeScript

TypeScript
argent ★ 2,142

An agentic toolkit to control, debug, and profile iOS and Android apps. Made by Software Mansion.

TypeScript
react-freeze ★ 1,654

Prevent React component subtrees from rendering.

TypeScript

파일 탐색기

ZIP 다운로드
  • .buckconfig
  • .clang-format
  • .eslintrc.js
  • .flowconfig
  • .gitattributes
  • .gitignore
  • .gitmodules
  • .npmignore
  • .nvmrc
  • .prettierrc.js
  • .watchmanconfig
  • .yarnrc.yml
  • AGENTS.md
  • babel.config.js
  • CLAUDE.md
  • jest.config.js
  • LICENSE
  • package.json
  • react-native.config.js
  • react-navigation
  • README-Fabric.md
  • README.md
  • RNScreens.podspec
  • tsconfig.build.json
  • tsconfig.json
  • yarn.lock

# 설치 가이드

node
사전 준비물

설치 및 실행 절차

yarn install

프로젝트 루트 의존성 패키지를 설치합니다.

yarn --cwd FabricExample install

FabricExample 예제 앱의 의존성을 설치합니다.

bundle --gemfile FabricExample/Gemfile install

FabricExample의 Ruby 젬 패키지를 설치합니다.

bundle exec pod-install --gemfile FabricExample/Gemfile

FabricExample의 iOS 코코아팟을 설치합니다.

yarn --cwd FabricExample android

FabricExample Android 애플리케이션을 빌드하고 실행합니다.

yarn --cwd FabricExample ios

FabricExample iOS 애플리케이션을 빌드하고 실행합니다.

핵심 명령어

yarn install

프로젝트의 필요한 모든 Node.js 의존성 패키지를 설치합니다.

yarn --cwd FabricExample ios

FabricExample 앱을 iOS 시뮬레이터에서 빌드하고 실행합니다.

yarn --cwd FabricExample android

FabricExample 앱을 Android 에뮬레이터에서 빌드하고 실행합니다.

Android 빌드 시 Kotlin 버전 호환성(1.3.50 이상) 및 MainActivity 설정에 유의하십시오.

# CDN으로 사용하기

jsDelivr

jsDelivr는 공개 GitHub 리포지토리를 별도 설정 없이 CDN으로 즉시 서빙합니다. 버전과 파일을 고르면 웹페이지에 바로 붙일 수 있는 링크와 예시 코드가 만들어집니다.

링크
예시

명령어 용어집

이 문서에서 사용된 명령어를 모아봤습니다. 낯선 명령어가 있다면 펼쳐서 확인해보세요.

🔍

npx

설명 보기 ▼

이 명령은 `npm exec`의 별칭입니다.

tldr npm exec

자세한 내용은 원본 명령을 참고하세요:

🔍

react-native

설명 보기 ▼

React를 사용하여 네이티브 앱을 구축하기 위한 프레임워크.
더 많은 정보: <https://github.com/react-native-community/cli/blob/main/docs/commands.md>.

react-native init {{project_name}}

동일한 이름의 디렉터리에 새 React Native 프로젝트 초기화:

react-native start

메트로 번들러 시작:

react-native start --reset-cache

캐시를 초기화한 상태로 메트로 번들러 시작:

🔍

Screen

설명 보기 ▼

원격 서버에서 세션을 열어 유지. 단일 SSH 연결로 여러 창을 관리.
관련 항목: `tmux`, `zellij`.
더 많은 정보: <https://manned.org/screen>.

screen

새 screen 세션 시작:

screen -S {{session_name}}

새 이름 지정 screen 세션 시작:

screen -dmLS {{session_name}} {{command}}

새로운 데몬을 시작하고 출력을 `screenlog.x`에 기록:

🔍

yarn

설명 보기 ▼

JavaScript 및 Node.js 패키지 대체 관리자.
더 많은 정보: <https://yarnpkg.com/cli>.

yarn global add {{module_name}}

전역적으로 모듈 설치:

yarn install

`package.json` 파일에 참조된 모든 의존성을 설치 ( `install`은 선택 사항입니다):

yarn add {{module_name}}@{{version}}

모듈을 설치하고 `package.json` 파일에 대한 의존성으로 저장 (개발 전용 의존성으로 추가하려면 `--dev` 추가):

// repository documentation