React Native - Application
Si vous ouvrez l'application par défaut, vous pouvez observer que le fichier app.js ressemble à
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class App extends React.Component {
render() {
return (
<View style = {styles.container}>
<Text>Open up App.js to start working on your app!</Text>
<Text>Changes you make will automatically reload.</Text>
<Text>Shake your phone to open the developer menu.</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
backgroundColor: '#fff',
alignItems: 'center',
justifyContent: 'center',
},
});
Production
Bonjour le monde
Pour afficher un message simple disant «Bienvenue dans Tutorialspoint», supprimez la partie CSS et insérez le message à imprimer entouré des balises <text> </text> à l'intérieur de <view> </view> comme indiqué ci-dessous.
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class App extends React.Component {
render() {
return (
<View>
<Text>Welcome to Tutorialspoint</Text>
</View>
);
}
}