Jak zintegrować Reactatywny z istniejącym projektem iOS?

Question

Bardzo podekscytowany faktem, że Facebook Open Source Native działa na F8 2015. Chociaż zapewniają one react-native-cli generowanie pustego projektu Native React, wciąż nie wiem jak zintegrować React Native z moim bieżący projekt korzystający z przestrzeni roboczej Xcode i CocoaPods.

Answer 1

pełny krok po kroku, w jaki sposób zacząć z React Native w istniejącym projekcie jest tutaj: https://facebook.github.io/react-native/docs/integration-with-existing-apps.html

Answer 2

React Native jest dostępny jako CocoaPod i dystrybuowany jako część React Native (w wersji node_modules instalowany przez npm).

Integracja z istniejącą aplikacją jest bardzo łatwa, wystarczy dodać instancję RCTRootView w dowolnym miejscu w hierarchii widoków, a aplikacja React Native uruchomi się w niej. Zobacz this guide.

Answer 3

Można kasy to demo: https://github.com/dsibiski/react-native-hybrid-app-examples

Zanim zaczniesz używać reagować rodzimy, należy zapoznać ich dokument płynący: http://facebook.github.io/react-native/docs/getting-started.html

to powinniśmy uruchomić npm install -g react-native-cli zainstalować przecinek nd narzędzie liniowe.

Następnym krokiem jest zainstalowanie cocoapods.

Następnie dostać się do katalogu projektu Xcode, tworzyć package.json zawartości file.The jest tak:

Następnie uruchomić npm install w terminal.After chwilę znajdziesz katalog node_modules Następnym krokiem będzie uruchomienie pod init. Zostanie utworzona Podfile. Więc po prostu otwarty i skonfigurować go tak jak płynący

Wtedy twój Podfile będzie tak jak ten

Należy zwrócić uwagę na ścieżkę React skonfigurowanego w Podfile.

Następnie uruchom pod install. Dostaniesz obszar roboczy.

Również trzeba serwer lub offline, tobołek, kasy tej

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

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

jakiś problem możesz mieć potem: Wykryto

1.Naming Kolizja:

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

2.Niedostępne na iOS (App rozszerzenia) .....

dodać kod w 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

nadzieję, że to pomocne:)