1.6 KiB
1.6 KiB
title | localeTitle |
---|---|
Hello World | Привет мир |
Привет мир
На традиционной веб-странице вы можете легко отобразить Hello World!
на экран, написав несколько таких HTML:
<!DOCTYPE html>
<html>
<head>
<title>Test Page</title>
</head>
<body>
<p>Hello World!</p>
</body>
</html>
В React Native нет DOM или браузера, поэтому вам нужно отображать вещи на экране из мобильного API, который предоставляет React Native. Например, вместо использования <p>
в качестве обертки для текста, подобного вам в Интернете, вы должны использовать <Text>
; вместо тегов контейнера <div>
, вы должны использовать <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);
Чтобы отобразить код на экране, вместо того, чтобы открывать страницу в браузере, вы используете специальный AppRegistry.registerComponent()
предоставленный React Native для рендеринга приложения на мобильное устройство.