प्रतिक्रियाशील मूल निवासी के लिए एक क्यूआर कोड जेनरेटर
प्रतिक्रिया देशी-qrcode-svg
प्रतिक्रिया देशी-svg और जावास्क्रिप्ट-qrcode के आधार पर प्रतिक्रिया मूल निवासी के लिए एक क्यूआर कोड जनरेटर।
विचार - विमर्श: https://discord.gg/RvFM97v
विशेषताएं
- आसानी से क्यूआर कोड चित्र प्रस्तुत करें
- वैकल्पिक रूप से एक लोगोटाइप एम्बेड करें
| एंड्रॉयड | आईओएस |
|---|---|
 |  |
इंस्टालेशन
निर्भरता पैकेज स्थापित करें
yarn add react-native-svg react-native-qrcode-svg या
npm i -S react-native-svg react-native-qrcode-svg यदि आप |_+_| . का उपयोग कर रहे हैं फोल्डर में जाएं योर-प्रोजेक्ट/आईओएस और चलाएँ |_+_|, और आपका काम हो गया।
यदि नहीं, तो लिंक करने के लिए निम्न में से किसी एक विधि का उपयोग करें।
के साथ लिंक करें |_+_|
यदि आप |_+_| का उपयोग कर रहे हैं, तो मूल प्रोजेक्ट को लिंक करें:
React Native 0.60.+उदाहरण
pod install react-native linkरंगमंच की सामग्री
| नाम | चूक जाना | विवरण |
|---|---|---|
| आकार | 100 | पिक्सेल में प्रदान की गई छवि का आकार |
| मूल्य | 'यह एक क्यूआर कोड है' | क्यूआर कोड का स्ट्रिंग मान। में परिभाषित के रूप में खंडों की एक सरणी भी स्वीकार कर सकते हैं मैन्युअल तरीके से . भूतपूर्व। [{डेटा: 'ABCDEFG', मोड: 'अल्फ़ान्यूमेरिक'}, {डेटा: '0123456', मोड: 'न्यूमेरिक'}, {डेटा: [253,254,255], मोड: 'बाइट'}] |
| रंग | 'काला' | क्यूआर कोड का रंग |
| पीछे का रंग | 'सफेद' | पृष्ठभूमि का रंग |
| सक्षम लीनियरग्रेडिएंट | झूठा | रैखिक ढाल को सक्षम या अक्षम करता है |
| रैखिक ढलान | ['आरजीबी (255,0,0)', 'आरजीबी (0,255,255)'] | रैखिक ढाल बनाने के लिए उपयोग किए जाने वाले 2 आरजीबी रंगों की सरणी |
| ढालदिशा | [१७०,०,०,०,००] | रैखिक ढाल की दिशा |
| प्रतीक चिन्ह | शून्य | छवि स्रोत वस्तु। भूतपूर्व। {यूरी: 'बेस 64स्ट्रिंग'} या {आवश्यकता ('पथटोइमेज')} |
| लोगो आकार | आकार का 20% | अंकित लोगो का आकार। बड़ा लोगो = क्यूआर कोड में कम त्रुटि सुधार |
| लोगोपृष्ठभूमिरंग | पीछे का रंग | लोगो को इस रंग के साथ एक भरी हुई द्विघात पृष्ठभूमि मिलती है। यदि आपके लोगो की अपनी पृष्ठभूमि पहले से है तो 'पारदर्शी' का प्रयोग करें। |
| लोगोमार्जिन | 2 | इसके रैपर से लोगो की दूरी |
| लोगोबॉर्डरत्रिज्या | 0 | लोगो छवि की सीमा-त्रिज्या (एंड्रॉइड समर्थित नहीं है) |
| शांत क्षेत्र | 0 | पिक्सल में क्यूआर के चारों ओर शांत क्षेत्र (गैलरी में छवि सहेजते समय उपयोगी) |
| मारो | शून्य | आगे के उपयोग के लिए एसवीजी रेफरी प्राप्त करें |
| ईसीएल | 'एम' | त्रुटि सुधार स्तर |
| त्रुटि (त्रुटि) | अपरिभाषित | कोड जनरेटिंग प्रक्रिया के दौरान अपवाद होने पर कॉलबैक निकाल दिया गया |
जेनरेट कोड को गैलरी में सहेजा जा रहा है
नोट: केवल प्रायोगिक (iOS पर परीक्षण नहीं किया गया), getRef () और जरूरतों का उपयोग करता है आरएनएफएस मॉड्यूल
npm इंस्टाल --save प्रतिक्रिया देशी-fs
एंड्रॉइड के लिए उदाहरण:
आयात {CameraRoll, ToastAndroid} 'रिएक्शन-नेटिव' से RNFS को 'react-native-fs' से आयात करें ... saveQrToDisk() {this.svg.toDataURL((data) => { RNFS.writeFile(RNFS.CachesDirectoryPath+'/ some-name.png'>react-native-svg निर्भरता
अगर आपको यह परियोजना पसंद है, तो कृपया मुझे एक कॉफी खरीदने पर विचार करें :)
https://www.buymeacoffee.com/LquC7mid5
विवरण डाउनलोड करें:
लेखक: भयानक जैरी
सोर्स कोड: https://github.com/awesomejerry/react-native-qrcode-svg
#प्रतिक्रिया-मूल #प्रतिक्रिया #मोबाइल-ऐप्स