探索HelloRN:React Native开发初体验
import React, { Component } from 'react';
import { Text, View } from 'react-native';
export default class HelloRN extends Component {
render() {
return (
<View style={{ flex: 1, justifyContent: "center", alignItems: "center" }}>
<Text>Hello, React Native!</Text>
</View>
);
}
}
这段代码创建了一个简单的React Native应用,在屏幕中央显示文本"Hello, React Native!"。它展示了如何使用React组件和React Native组件来构建用户界面,并且如何使用flex
布局来居中内容。这是学习React Native的一个很好的起点。
评论已关闭