J'ai commencé avec React-Native aujourd'hui. Et je suis un tutoriel web.
Est-ce que toutes les installations sur ma machine Windows ont été correctement effectuées:
puis installé réagit natif
npm install -g react-native-cli
enfin un projet Hello World
react-native init albums
Je ne reçois aucune erreur. Mon application fonctionne parfaitement sur mon téléphone Android.
Le fichier app.js dépend du choix de la plate-forme:
/**
* Sample React Native App
* https://github.com/facebook/react-native
* @flow
*/
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
const instructions = Platform.select({
ios: 'Press Cmd+R to reload,\n' +
'Cmd+D or shake for dev menu',
Android: 'Double tap R on your keyboard to reload,\n' +
'Shake or press menu button for dev menu',
});
export default class App extends Component<{}> {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome to React Native!
</Text>
<Text style={styles.instructions}>
To get started, edit App.js
</Text>
<Text style={styles.instructions}>
{instructions}
</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
instructions: {
textAlign: 'center',
color: '#333333',
marginBottom: 5,
},
});
Je veux juste savoir s'il est normal de ne pas générer ces fichiers . Dois-je créer ces 2 fichiers index? Ou le dernier react-native n'a pas besoin de 2 fichiers séparés? (Le tutoriel que je suis est de janvier 2017)
Ceci est une nouvelle fonctionnalité ajoutée à réagir-natif. Le nouveau modèle de projet ne contient maintenant pas deux fichiers distincts. Vous pouvez toujours créer et utiliser comme avant si vous préférez, mais il est tout à fait normal de l'utiliser tel quel. C'est juste une préférence et l'exigence de votre projet. Vous trouverez plus d’informations sur le changement sur ici .
À partir des notes de validation
Ce changement (abordé initialement dans react-community/create-react-native-app # 26 ) déplace le HelloWorld modèle de projet à partir de deux points d'entrée presque identiques (
index.Android.js
etindex.ios.js
) en un seul fichier minimalindex.js
point d’entrée. Le composant racine est créé dansApp.js
. Cela unifie la structure du projet entrereact-native init
et Create React Native App et permet à l'éjection de CRNA d'utiliser le point d'entrée depuis le modèle HelloWorld sans aucun piratage pour le personnaliser. Également les exemples de la documentation peuvent être simplement copiés-collés dansApp.js
de la même manière dans les applications HelloWorld et CRNA sans avoir à se renseigner au préalable surAppRegistry.registerComponent
.
Tout simplement parce que le nouveau modèle de projet ne contient maintenant pas index.Android.js et index.ios.js séparément. Il ne contient maintenant qu'un seul point d'entrée index.js minimal.
Si vous voulez faire quelque chose de spécifique pour les deux/une des plateformes alors vous pouvez créer vos propres fichiers index.Android.js et index.ios.js et puis importez simplement le code dans les deux à partir du fichier index.js et du fichier faire les changements nécessaires là.
index.Android.js et index.ios.js peuvent être écrits en tant que:
import Render from './App';
export default Render;