React Native wie man index.android.js manuell hinzufügt?

Question

Ich bin neu in React Native, ich folge einem Video-Tutorial für Anfänger. Ich entwickle auf Windows 10 und benutze React Native Version 0.49.1. In dem Tutorial, das ich führe, gibt es zwei Index-Dateien: index.android.js & index.ios.js. Wie ich verstehe, sind diese Datei jetzt zu index.js Datei, Ich habe es von dieser question, die gefragt wurde, gelöst. Trotzdem möchte ich noch mit zwei separaten Indexdateien arbeiten, aber ich weiß nicht, wie ich das tun soll - muss ich App.js Datei und index.js Dateien löschen? Und wenn ja, was sollte der Inhalt von index.android.js & iOS-Dateien sein? Ich würde eine Erklärung oder eine kurze Anleitung, wie es geht, schätzen. Vielen Dank im Voraus :)

Answer 1

Für mit react-native init erstellen Projekte, eine index.js Datei noch erzeugt wird, und sieht in etwa so zunächst:

import { AppRegistry } from 'react-native'; 
import App from './App'; 

AppRegistry.registerComponent('YourProjectName',() => App); 

manuell App.ios.js und App.android.js in demselben Verzeichnis hinzugefügt werden, damit Sie Fügen Sie für jede Plattform einen eindeutigen Code ein, der dem Muster für platform-specific extensions folgt. Es wird jedoch nicht ausreichen, das eine oder das andere zu haben. Sie müssen beide hinzufügen, andernfalls wird die Codeaufteilung nicht wirksam (und wird standardmäßig auf das angewendet, was in App.js vorhanden ist). Um Ihre Frage zu beantworten, müssen Sie App.js löschen und durch android.App.js und ios.App.js ersetzen. Starten Sie dann das React Native Packager-Terminalfenster für Ihren Simulator oder Ihr Gerät neu, um die Änderung zu erkennen.