React Native入门——入门小结
import React from 'react';
import { Text, View } from 'react-native';
export default class HelloWorldApp extends React.Component {
render() {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Text>Hello, world!</Text>
</View>
);
}
}
这段代码展示了如何创建一个简单的React Native应用,它只包含了基本的元素:<Text>
用于显示文本,<View>
用于布局。这个应用程序将在屏幕上居中显示“Hello, world!”。这个小例子是学习React Native的一个很好的起点,因为它演示了如何组合现有的组件来创建一个可视化的用户界面。
评论已关闭