1.2 KiB
1.2 KiB
| title | localeTitle |
|---|---|
| Hello World | Olá Mundo |
Olá Mundo
Em uma página da web tradicional, você poderia facilmente processar o Hello World! para a tela, escrevendo algum HTML como este:
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
No React Native, não há DOM ou navegador, portanto, é necessário renderizar coisas na tela a partir de uma API móvel que o React Native fornece. Por exemplo, em vez de usar uma tag <p> como um wrapper para texto como você faria na Web, você usaria <Text> ; em vez de tags de contêiner <div> , você usaria <View> .
import React, { Component } from 'react';
import { AppRegistry, View, Text } from 'react-native';
class App extends Component {
render () {
return (
<View>
<Text> Hello World! </Text>
</View>
);
}
}
AppRegistry.registerComponent('AwesomeProject', () => App);
Para renderizar o código na tela, em vez de abrir a página em um navegador, use um método especial AppRegistry.registerComponent() fornecido pelo React Native para renderizar o aplicativo em um dispositivo móvel.