] इन उपकरणों में अक्सर आधुनिक ढांचे के साथ गतिशील एकीकरण की कमी होती है, जिससे आइकन को जोड़ने या अद्यतन करने की प्रक्रिया होती है जो बोझिल और समय लेने वाली है।

] रिएक्ट, रिएक्ट नेटिव, नेक्स्ट.जेएस, वीयू, न्यूएक्सटी, सवेल्ट, और अधिक जैसे लोकप्रिय फ्रेमवर्क का समर्थन करना, मोनिकॉन कस्टम आइकन को एकीकृत करने की प्रक्रिया को सरल बनाता है। मटेरियल डिज़ाइन, पंख, और फ़ॉन्ट भयानक जैसे प्रसिद्ध पुस्तकालयों से 200,000 से अधिक आइकन तक पहुंच के साथ, मोनिकॉन सुनिश्चित करता है कि आपके पास एक सहज और शक्तिशाली आइकन प्रबंधन अनुभव के लिए आवश्यक सभी उपकरण हैं।

मोनिकॉन का उपयोग क्यों करें?

]

कस्टम आइकन

: आप कस्टम आइकन बना सकते हैं और उन्हें अपनी परियोजनाओं में उपयोग कर सकते हैं। मोनिकॉन अपने स्वयं के आइकन को जोड़ना आसान बनाता है।
• ] ] कोई झिलमिलाहट या लैगिंग नहीं।
• ] आप icones वेबसाइट पर आइकन खोज सकते हैं। ]
] IConify Figma प्लगइन आपको सीधे अंजीर में आइकन का उपयोग करने की अनुमति देता है।
• ]
• ? मोनिकॉन डॉक्स
? मोनिकॉन github
• 1। एक नई परियोजना बनाएं
• एक नया एक्सपो प्रोजेक्ट बनाने के लिए अपने टर्मिनल में निम्न कमांड चलाएं:
npx create-expo-app my-new-app सीडी माय-न्यू-ऐप
• ] ]
2। निर्भरता स्थापित करें
• आवश्यक निर्भरता स्थापित करने के लिए निम्न कमांड चलाएं:
] npx एक्सपो स्थापित @मोनिकॉन/देशी प्रतिक्रिया-मूल-एसवीजी

3। मेट्रो कॉन्फ़िगरेशन बनाएं एक metro.config.js फ़ाइल बनाएँ:
] const {withMonicon} = आवश्यकता ("@monicon/मेट्रो"); const {loadLocalcollection} = आवश्यकता ("@monicon/लोडर"); const config = getDefaultConfig (__ dirname); module.exports = withmonicon (config, { CustomCollections: { "माय-ऐप": लोडलोकलकोल्शन ("एसेट्स/आइकन"), }, });

4। बाबेल कॉन्फ़िगरेशन बनाएं

एक babel.config.js फ़ाइल बनाएँ:

] api.cache (सच); वापस करना { प्रीसेट: ["बाबेल-प्रीसेट-एक्सपो"], प्लगइन्स: [["@monicon/babel-plugin"]], }; };

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

अपने कस्टम आइकन को संपत्ति/आइकन फ़ोल्डर में जोड़ें।
उदाहरण आइकन

compass.svg

house.svg

6। अपडेट ऐप/(टैब)/_ लेआउट.टीएसएक्स

npm i -D @monicon/metro @monicon/babel-plugin @monicon/loader
npx expo install @monicon/native  react-native-svg

_layout.tsx फ़ाइल को इस प्रकार संशोधित करें:

आयात {मोनिकॉन} "@मोनिकॉन/देशी" से; ( ), }} /> ( ), }} />

7। विकास सर्वर शुरू करें

npm i -D @monicon/metro @monicon/babel-plugin @monicon/loader
npx expo install @monicon/native  react-native-svg

अपना विकास सर्वर शुरू करने के लिए निम्न कमांड चलाएं:

एक्सपो स्टार्ट

अंतिम

npm i -D @monicon/metro @monicon/babel-plugin @monicon/loader
npx expo install @monicon/native  react-native-svg