1.1 KiB
1.1 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或浏览器，因此您必须从React Native提供的移动API向屏幕渲染内容。例如，您可以使用<Text> ;而不是像在Web上那样使用<p>标记作为文本的包装器。而不是<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);
要将代码呈现到屏幕，而不是在浏览器中打开页面，您可以使用React Native提供的特殊AppRegistry.registerComponent()方法将应用程序呈现给移动设备。