react-native-gesture-handler

(★ 6,779)

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

파일 탐색기

ZIP 다운로드

- - basic-long-press-test.yaml
  - basic-tap-test.yaml
  - nested-touchables-test.yaml
  - shared-value-test.yaml
  - timer-test.yaml
- - bug-report.yml
  - config.yml
- - issue-triage-comments.js
- - android-basic.yml
  - android-build.yml
  - android.yml
  - close-when-stale.yml
  - docs-check.yml
  - ios-basic.yml
  - ios-build.yml
  - ios.yml
  - issue-triage-comments.yml
  - kotlin-lint.yml
  - macos-build.yml
  - main.yml
  - needs-more-info.yml
  - needs-repro.yml
  - platforms.yml
  - publish-release.yml
  - rngh-api-v3.yml
  - run-jest-tests.yml
  - static-example-apps-checks.yml
  - static-root-checks.yml
  - yarn-validation.yml
- FUNDING.yml
- PULL_REQUEST_TEMPLATE.md
- pre-commit
- pre-push
- - expo-modules-core-npm-57.0.10-1d55439aaa.patch
  - react-native-worklets-npm-0.12.0-nightly-20260810-fb9cb5596-f08a72b88e.patch
- - yarn-4.13.0.cjs
- - .gitignore
  - app.json
  - babel.config.js
  - Gemfile
  - Gemfile.lock
  - index.js
  - jest.config.js
  - metro.config.js
  - package.json
  - README.md
  - tsconfig.json
- - .gitignore
  - App.tsx
  - index.ts
  - package.json
  - README.md
  - tsconfig.json
- - .gitignore
  - app.config.js
  - App.tsx
  - index.ts
  - metro.config.js
  - package.json
  - README.md
  - rnrepo.config.json
  - tsconfig.json
- - .gitignore
  - app.json
  - babel.config.js
  - Gemfile
  - Gemfile.lock
  - index.ts
  - jest.config.js
  - metro.config.js
  - package.json
  - README.md
  - tsconfig.json
- - .gitignore
  - .yarnrc
  - babel.config.js
  - docusaurus.config.js
  - package.json
  - README.md
  - redirects.json
  - sidebars.js
  - tsconfig.json
  - versions.json
  - yarn.lock
- - .gitignore
  - babel.config.js
  - compatibility.json
  - jest.config.js
  - jestSetup.js
  - LICENSE
  - package.json
  - react-native.config.js
  - RNGestureHandler.podspec
  - tsconfig.build.json
  - tsconfig.json
- check-android-dirs.js
- check-rn-versions.js
- clangd-add-xcode-step.rb
- clangd-generate-xcode-metadata.sh
- format-android.js
- format-cpp.js
- - SKILL.md
.clang-format
.eslintrc.json
.git-blame-ignore-revs
.gitignore
.lintstagedrc.json
.prettierrc.json
.yarnrc.yml
AGENTS.md
CLAUDE.md
LICENSE
package.json
README.md
rnrepo.config.json
tsconfig.json
yarn.config.cjs
yarn.lock

# 설치 가이드

node

사전 준비물

Node.js 18.0.0+
Yarn 4.0.0+
React Native development environment 0.82+

설치 및 실행 절차

yarn install

프로젝트 의존성을 설치합니다.

yarn start

Metro 번들러를 시작합니다.

yarn android

안드로이드 플랫폼에서 예제 앱을 빌드하고 실행합니다.

핵심 명령어

yarn install

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

yarn start

React Native Metro 번들러를 실행합니다.

yarn android

안드로이드 에뮬레이터 또는 기기에서 애플리케이션을 빌드 및 실행합니다.

yarn ios

iOS 시뮬레이터 또는 기기에서 애플리케이션을 빌드 및 실행합니다.

예제 실행을 위해 example 폴더로 이동한 후 의존성을 설치하고 실행하세요.

# CDN으로 사용하기

jsDelivr

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

버전

파일

링크

예시

명령어 용어집

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

🔍

`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

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

🔍

`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` 추가):