2015-03-27 14 views
5

पर प्रतिक्रिया मूल को एकीकृत करने के लिए कैसे करें F8 2015 पर फेसबुक ओपन सोर्स पर प्रतिक्रिया प्राप्त करने के लिए बहुत उत्साहित है। हालांकि वे एक खाली प्रतिक्रिया मूल परियोजना उत्पन्न करने के लिए react-native-cli प्रदान करते हैं, फिर भी मुझे नहीं पता कि मेरे लिए प्रतिक्रियात्मक मूल कैसे एकीकृत किया जाए वर्तमान परियोजना जो एक्सकोड वर्कस्पेस और कोकोपोड्स का उपयोग करती है।मौजूदा आईओएस प्रोजेक्ट

उत्तर

3

कैसे एक मौजूदा परियोजना में मूल निवासी प्रतिक्रिया के साथ शुरू करने पर कदम गाइड द्वारा एक पूर्ण कदम यहाँ है: https://facebook.github.io/react-native/docs/integration-with-existing-apps.html

+0

सरकारी डॉक्स के लिए लिंक ओर इशारा करते हुए के लिए धन्यवाद। हालांकि आप यूआरएल में एक चरित्र 'डी' चूक गए। Http://facebook.github.io/react-native/docs/embedded-app.html#content होना चाहिए। – huoxinbird

+0

धन्यवाद, मुझे नहीं पता कि मैं इसे कैसे करने में कामयाब रहा;) मैंने जवाब – Bocaxica

4

प्रतिक्रिया मूल कोकोपॉड के रूप में उपलब्ध है और प्रतिक्रिया मूल के हिस्से के रूप में वितरित किया गया है (node_modules एनपीएम के माध्यम से स्थापित)।

किसी मौजूदा ऐप के साथ एकीकृत करने के लिए बहुत आसान है, आप अपने दृश्य पदानुक्रम में जहां भी चाहें RCTRootView का एक उदाहरण जोड़ें, और आपका रिएक्ट मूल एप्लिकेशन इसके अंदर भाग जाएगा। this guide देखें।

5

आप इस डेमो चेकआउट कर सकते हैं: https://github.com/dsibiski/react-native-hybrid-app-examples

इससे पहले कि आप का उपयोग शुरू प्रतिक्रिया देशी, आप पढ़ना चाहिए उनके दस्तावेज़ बहने: http://facebook.github.io/react-native/docs/getting-started.html

enter image description here तो हम अल्पविराम स्थापित करने के लिए npm install -g react-native-cli चलाना चाहिए एनडी लाइन उपकरण।

अगले चरण कोकोपोड स्थापित करना है। enter image description here

फिर, अपने Xcode प्रोजेक्ट निर्देशिका में मिल package.json file.The सामग्री बनाने के इस तरह है:

enter image description here

तो फिर तुम एक पल के terminal.After में npm install चलाने आप एक निर्देशिका मिलेगा node_modules अगला चरण pod init चलाने के लिए है। Podfile बनाया जाएगा। तो बस खुला और यह सिर्फ

enter image description here

बह फिर अपने Podfile सिर्फ इस enter image description here

की तरह आप प्रतिक्रिया पथ आप Podfile में कॉन्फ़िगर किए गए पर ध्यान देना चाहिए की तरह कॉन्फ़िगर करें।

फिर pod install चलाएं। आपको वर्कस्पेस मिल जाएगा।

1.Naming टक्कर का पता चला:

इसके अलावा, आप एक सर्वर या ऑफलाइन बंडल की जरूरत है, इस

https://facebook.github.io/react-native/docs/running-on-device-ios.html

https://github.com/facebook/react-native/issues/240

कुछ समस्या आप उस के बाद हो सकता है चेकआउट

https://github.com/facebook/react-native/issues/3440

2।Podfile

में

post_install do |installer| installer.pods_project.targets.each do |target| target.build_configurations.each do |config| config.build_settings['APPLICATION_EXTENSION_API_ONLY'] = 'NO' end end end

ios (एप्लिकेशन एक्सटेंशन) पर उपलब्ध नहीं .....

जोड़ें कोड आशा है कि यह उपयोगी है:)

+0

विस्तृत चरणों के लिए धन्यवाद सही किया है। मुझे आश्चर्य है कि क्या आप मदद कर सकते हैं - मैं "फ्रेमवर्क नहीं मिला" प्राप्त कर रहा हूं। http://stackoverflow.com/questions/34792596/ld-framework-not-found-react – Adamski

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