2017-05-30 40 views
6

Jestem nowy, aby reagować natywnie, i mam pewne problemy ze zrozumieniem struktury folderów aplikacji, która powinna być obecna w folderze projektu podczas tworzenia. Zasadniczo, podczas tworzenia projektu z npm, dostaję kilka początkowych plików (App.js itp.) I folder node_modules. Przygotowałem go z programem expo, który również utworzył folder .expo.Reakcja Natywne foldery na iOS i Android nie są obecne.

Jednak, gdy przejdę do oficjalnej dokumentacji dotyczącej reakcji lub zajrzę do wtyczek/dodatków na git, kilkakrotnie rozmawiają o systemie Android i folderze iOS w katalogu głównym projektu. Ale nigdzie ich nie widać. Następnie otrzymałem wskazówki, że mogę zainstalować i uruchomić program reaguje-native-upgrade-git, który rzekomo generowałby te brakujące foldery. Ale to też nie zadziałało.

Więc co przegapiłem? Gdzie znajdują się te foldery?

Edit: Oto zrzut ekranu z samouczka Youtube przedstawiający strukturę projektu Szukam:

enter image description here

Odpowiedz

7

Jednym z punktów Expo na szczycie React Native jest to, że don” t przejdź do kodu Androida lub ios. Expo zajmuje się tymi folderami, nie musisz z nimi współpracować. Czy istnieje powód, dla którego potrzebujesz tych folderów? jeśli tak, będziesz musiał się odłączyć. Oto dokumentacja zrobić tak: Detaching with expo

+0

The powód, dla którego jestem niepewny, musi zrobić, między innymi, z następującym dodatkiem: https://github.com/auth0/react-native-lock. Czytając readme pod warunkiem, że wydaje mi się, że muszę uzyskać dostęp do folderów i zrobić kilka shenanigans. Czy też wystarczająca jest linia instalacyjna npm? Dziękuję za odpowiedź. –

+0

Po zainstalowaniu biblioteki.Powinieneś wejść do terminala "reaguj-natywny link reaguj-rodzimy-zamek". Jeśli mam rację, Expo nie pozwoli ci na to, chyba że odłączysz swój projekt do Expokit. Sprawdź link w mojej odpowiedzi. –

+0

, aby połączyć się z reagującym natywnie – Gopinath

8

Można dostać się do tej struktury projektu przez wykonanie:

npm run eject 

Jednak, usuwa aplikację z ramach Expo, która dodaje wiele miłych korzyści i abstrakcji z kod Androida/iOS.

3

Myślę, że jeśli chcesz stworzyć aplikację z ReactNative, zacznij obserwować: Getting Started use React Native.

Jeśli tworzysz projekt z ReactNative wystarczy napisać na terminalu jak:

react-native init YourProjectName 
cd YourProjectName 
react-native run-ios //for iOS 

Mam nadzieję, że moja odpowiedź pomaga stworzyć projekt z ReactNative. dzięki ..

+0

Ta odpowiedź powinna uzyskać o wiele więcej uwagi niż w rzeczywistości. Sugeruję, aby edytować tę odpowiedź, aby wyjaśnić nieco więcej, że inne cli z Facebooka ma wbudowane oprogramowanie expo, w którym nie ma potrzeby edycji kodu natywnego. W ten sposób możesz zanurkować głębiej, używając katalogu ios i android. Wiem o tym sam i wciąż musiałem szukać właściwego cli właśnie teraz konfiguruję mój nowy komputer. Już miałem odpowiedzieć na to pytanie, gdy zauważyłem twoją odpowiedź. Dzięki! Myślę, że jeśli dodasz więcej osób, to w końcu to odnajdziemy i ulepszamy. – wuno

+0

Całkowicie uzgodnione. Ta odpowiedź powinna w rzeczywistości zwrócić większą uwagę. –

0

Myślę, że jestem trochę spóźniony, ale wykonaj te kroki, jeśli nie chcesz czytać żadnego dokumentu.

Foldery dla systemu Android i ios nie są obecne podczas tworzenia projektu natywnego z programem expo. więc musisz odłączyć expo od projektu, aby utworzyć folder android i ios.

pierwszego dodatku wymagana nazwa pakietu w pliku app.json

ios: { 
     bundleIdentifier: "com.yourcompany.yourappname", 
    }, 
    android: { 
     package: "com.yourcompany.yourappname", 
    } 

następnie uruchomić poniżej komendy w terminalu

exp detach 

po pomyślnym wykonaniu polecenia znajdziesz android i folder ios

+0

Nie miałem szczęścia z identyfikatorem pakietu Android i wyrzuconą ścieżką. Nie tworzy katalogu _twojafirma_. Czy miałeś szczęście? Zobacz https://stackoverflow.com/questions/48526451/exickule-set-directory-for-react-native-eject-command –

Powiązane problemy