react-native-theme-switch-animation

(β˜… 419)

A Plug & Play Animations for Switching (Dark/Light) Themes. πŸŒ–

  • .editorconfig
  • .eslintrc.js
  • .gitattributes
  • .gitignore
  • .nvmrc
  • .prettierrc
  • .watchmanconfig
  • .yarnrc.yml
  • babel.config.js
  • CODE_OF_CONDUCT.md
  • CONTRIBUTING.md
  • installation-for-react-native-below-67.md
  • LICENSE
  • package.json
  • react-native-theme-switch-animation.podspec
  • README.md
  • tsconfig.build.json
  • tsconfig.json
  • turbo.json
  • yarn.lock

# μ„€μΉ˜ κ°€μ΄λ“œ

1. μ½”λ“œ λ‚΄λ €λ°›κΈ°
git clone https://github.com/WadhahEssam/react-native-theme-switch-animation

κΉƒν—ˆλΈŒμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œ 전체λ₯Ό λ‚΄ μ»΄ν“¨ν„°λ‘œ λ‚΄λ €λ°›μŠ΅λ‹ˆλ‹€.

cd react-native-theme-switch-animation

방금 내렀받은 ν”„λ‘œμ νŠΈ 폴더 μ•ˆμœΌλ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

2. Gradle (Java/Kotlin)

보톡 μΆ”μ²œ
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • JDK (Java) Java/Kotlin ν”„λ‘œμ νŠΈλ₯Ό λΉŒλ“œ/μ‹€ν–‰ν•˜λ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • Gradle λ ˆν¬μ— ν¬ν•¨λœ gradlew(Gradle Wrapper)λ₯Ό μ“°λ©΄ Gradle을 λ”°λ‘œ μ„€μΉ˜ν•  ν•„μš”κ°€ μ—†μŠ΅λ‹ˆλ‹€.
cd android

이 ν”„λ‘œμ νŠΈμ˜ κ΄€λ ¨ 파일이 ν•˜μœ„ 폴더 μ•ˆμ— μžˆμ–΄μ„œ, λ¨Όμ € κ·Έ ν΄λ”λ‘œ μ΄λ™ν•©λ‹ˆλ‹€.

./gradlew build

Gradle둜 λΉŒλ“œλ₯Ό μ§„ν–‰ν•©λ‹ˆλ‹€.

βœ… BUILD SUCCESSFUL λ©”μ‹œμ§€κ°€ 뜨면 μ„±κ³΅μž…λ‹ˆλ‹€. build/ 폴더에 결과물이 μƒμ„±λ©λ‹ˆλ‹€.

3. Node.js

쉬움
사전 μ€€λΉ„λ¬Ό
  • Git GitHubμ—μ„œ ν”„λ‘œμ νŠΈ μ½”λ“œλ₯Ό λ‚΄λ €λ°›μœΌλ €λ©΄ ν•„μš”ν•©λ‹ˆλ‹€.
  • Node.js npm λͺ…λ Ήμ–΄λ₯Ό μ“°λ €λ©΄ Node.jsκ°€ μ„€μΉ˜λ˜μ–΄ μžˆμ–΄μ•Ό ν•©λ‹ˆλ‹€. LTS(μž₯기지원) 버전을 μΆ”μ²œν•©λ‹ˆλ‹€.
npm install react-native-theme-switch-animation

package.json에 λͺ…μ‹œλœ λΌμ΄λΈŒλŸ¬λ¦¬λ“€μ„ λ‚΄λ €λ°›μ•„ μ„€μΉ˜ν•©λ‹ˆλ‹€.

yarn add react-native-theme-switch-animation

이 λͺ…λ Ήμ–΄λ₯Ό 터미널에 κ·ΈλŒ€λ‘œ μž…λ ₯ν•΄ μ‹€ν–‰ν•˜μ„Έμš”.

βœ… λͺ…λ Ήμ–΄ μ‹€ν–‰ ν›„ 터미널에 λ‚˜νƒ€λ‚˜λŠ” μ£Όμ†Œ(보톡 http://localhost:3000 ν˜•νƒœ)λ₯Ό λΈŒλΌμš°μ €μ—μ„œ μ—΄μ–΄λ³΄μ„Έμš”.

이 레포의 README에 적힌 μ‹€μ œ λͺ…λ Ήμ–΄λ₯Ό κ·ΈλŒ€λ‘œ κ°€μ Έμ™”μŠ΅λ‹ˆλ‹€.

// repository documentation