2016-02-10 23 views
5

का उपयोग कर बारकोड स्कैनिंग मैं एंड्रॉइड और आईओएस दोनों के लिए बारकोड स्कैनर बनाने के लिए प्रतिक्रिया-देशी-कैमरा का उपयोग कर रहा हूं।प्रतिक्रिया मूल देशी

मैं आईओएस में बारकोड स्कैन करने में सक्षम हूं लेकिन समस्या यह है कि स्कैनिंग सीमा के लिए कोई दृश्य नहीं है। और मैं चाहता हूं कि पूरी स्क्रीन बार कोड को स्कैन करने में सक्षम न हो, न कि स्क्रीन के बीच में।

क्या इसके आसपास कोई रास्ता है? यदि कोई अन्य लाइब्रेरी है जो मेरे लिए भी काम करेगी।

+0

आप इस दृष्टिकोण को आजमा सकते हैं https://stackoverflow.com/a/45713544/1429832 –

उत्तर

0
+0

प्रतिक्रिया-देशी-बारकोड केवल बारकोड उत्पन्न करने के लिए है। मुझे बारकोड पढ़ने के लिए कुछ चाहिए। और प्रतिक्रिया-देशी-कैमरे का उपयोग करके मैं ऐसा करने में सक्षम हूं लेकिन मुझे अपने प्रश्न में उल्लिखित समस्या है। –

5

खैर यह मुझे सारा दिन लग गए, लेकिन मैं अंत में एक पुस्तकालय है कि काम मिल गया प्रतिक्रिया के लिए एक अच्छी जगह देखने के लिए है। अगर किसी को यहां अपना रास्ता मिल जाता है और एंड्रॉइड पर काम करने वाले प्रतिक्रिया मूल के लिए बारकोड स्कैनर की तलाश में है ... मैं मदद करने के लिए यहां हूं।

https://github.com/ideacreation/react-native-barcodescanner

1 यदि आप rnpm इसे पाने की जरूरत नहीं है ... यह बहुत उपयोगी है (NPM जी rnpm स्थापित) (https://github.com/rnpm/rnpm)

तो अपनी परियोजना फ़ाइल में इन आदेशों को चलाने:

NPM --save प्रतिक्रिया देशी-barcodescanner स्थापित

rnpm लिंक प्रतिक्रिया देशी-barcodescanner

इस बिंदु पर मैंने धीरे-धीरे समन्वयित किया और एंड्रॉइड स्टूडियो से ऐप को फिर से चलाया ... सुनिश्चित नहीं है कि इसकी आवश्यकता है (कभी-कभी आरएनपीएम लिंक एक नया लाइन चरित्र भूल जाता है ... यदि आपके पास शब्द के बारे में कोई त्रुटि संदेश है ऐसा इसलिए है क्योंकि यह ... बस इसे अपनी सेटिंग में ढूंढें। शब्द फ़ाइल में शामिल होने से पहले एक नई पंक्ति जोड़ें)

अब यह उपयोग करने के लिए तैयार है।

यह आयात:

import BarcodeScanner from 'react-native-barcodescanner'; 

तो में इसका इस्तेमाल अपने फ़ंक्शन द्वारा दिया गया बयान प्रस्तुत करना:

<BarcodeScanner 
    onBarCodeRead={this._BarCodeRead} 
    style={styles.preview} 
    torchMode='off' 
    cameraType='back' 
    /> 

आप उस लिंक की जाँच और अधिक जानकारी की जरूरत है। मुझे उम्मीद है कि इसने किसी पुराने पुस्तकालय के बाद लाइब्रेरी के माध्यम से होने वाले यातना से बचने में मदद की है जो काम नहीं करता है।

हैप्पी कोडिंग! :)

+0

क्या यह स्कैनिंग क्षेत्र को हाइलाइट करता है? –

+0

क्या यह प्लगइन बारकोड स्कैन करने के लिए पूरी स्क्रीन का भी उपयोग करता है? –

+0

अच्छे प्रश्न। मैंने इस से गड़बड़ नहीं की है इसलिए मुझे यकीन नहीं है (शायद गिथब पेज पर पूछें?)। लेकिन मुझे पता है कि एंड्रॉइड के लिए यह मानक आता है। उपरोक्त कोड स्क्रीन पर एक हाइलाइट क्षेत्र प्रदान करता है और यह केवल उस क्षेत्र में स्कैन करेगा। मुझे यकीन नहीं है कि इसे कैसे नियंत्रित किया जाए। सौभाग्य! –

संबंधित मुद्दे