React Native에서 사용자 정의 아이콘을 관리하는 것은 특히 Fontello 또는 Icomoon과 같은 전통적인 도구에서 어려울 수 있습니다. 이 도구는 종종 현대 프레임 워크와 동적 통합이 부족하여 아이콘을 추가하거나 업데이트하는 프로세스가 번거롭고 시간이 많이 걸립니다.

Monicon은 이러한 과제에 대한 현대적인 솔루션을 제공하여 프로젝트의 아이콘을 관리하는 유연하고 효율적인 방법을 제공합니다. React, React Native, Next.js, Vue, Nuxt, Svelte 등과 같은 인기있는 프레임 워크 지원 Monicon은 사용자 정의 아이콘을 통합하는 프로세스를 단순화합니다. Monicon은 재료 디자인, 깃털 및 글꼴과 같은 유명한 라이브러리에서 20 만 개가 넘는 아이콘에 액세스하여 완벽하고 강력한 아이콘 관리 경험에 필요한 모든 도구를 갖도록합니다.

왜 monicon을 사용합니까?

• 거대한 아이콘 라이브러리 : 가재 디자인, 깃털 및 글꼴과 같은 유명한 세트에서 20 만 개가 넘는 아이콘에 액세스 할 수 있습니다.
• 사용자 정의 아이콘 : 사용자 정의 아이콘을 만들어 프로젝트에서 사용할 수 있습니다. Monicon은 자신의 아이콘을 쉽게 추가 할 수 있습니다.
• 는 최신 도구 와 함께 작동합니다
: Monicon은 Vite, Webpack, Rollup 등과 같은 도구를 지원하므로 모든 프로젝트에 대한 준비가되었습니다.
• 빠르고 효율적인
: 모니콘은 아이콘을 빠르게로드하여 프로젝트를 원활하게 실행하도록합니다. 깜박이거나 지연되지 않습니다.
• 사용하기 쉬운
: React, Vue, Svelte, Next.js 및 기타 인기있는 프레임 워크와 함께 아이콘 통합을 간단하게 만듭니다. Icones 웹 사이트에서 아이콘을 발견 할 수 있습니다.
• 사용자 정의 가능
: 디자인에 맞게 아이콘의 크기, 색상 및 기타 기능을 쉽게 변경할 수 있습니다.
• Collaboration
: Monicon은 디자이너와 협력하여 설계 프로세스 속도를 높이고 더 나은 결과를 얻을 수 있도록 도와줍니다. Iconify Figma 플러그인은 Figma에서 직접 아이콘을 사용할 수 있습니다.
• 무료 및 오픈 소스
: Monicon은 무료로 사용할 수 있고 오픈 소스이므로 제한없이 모든 프로젝트에서 사용할 수 있습니다.

? 모니콘 문서
? Monicon Github

터미널에서 다음 명령을 실행하여 새로운 엑스포 프로젝트를 만듭니다 :

npx create-expo-app my-new-app
cd my-new-app

선호하는 프로젝트 이름으로 My-New-App을 교체하십시오.
프롬프트가 표시되면 템플릿 (예 : blank, blank (typescript) 또는 탭)을 선택합니다.

필요한 종속성을 설치하려면 다음 명령을 실행합니다.

npx create-expo-app my-new-app
cd my-new-app

metro.config.js 파일 생성 :

npx create-expo-app my-new-app
cd my-new-app

babel.config.js 파일 생성 :

npx create-expo-app my-new-app
cd my-new-app

, 플러그인 : [

• 예제 아이콘
compass.svg

house.svg

6. 업데이트 app/(탭)/_ layout.tsx

import { Monicon } from "@monicon/native";

 (
      
    ),
  }}
/>
 (
      
    ),
  }}
/>

expo start