推荐开源项目:react-native-snippets - 快速构建React Native应用的神器!
// 引入React和Component以创建组件
import React, { Component } from 'react';
import {
Platform,
StyleSheet,
Text,
View
} from 'react-native';
// 创建一个名为App的类组件
export default class App extends Component {
render() {
// 返回一个视图元素,包含文本内容
return (
<View style={styles.container}>
<Text style={styles.welcome}>
Welcome to React Native!
</Text>
</View>
);
}
}
// 定义样式
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
backgroundColor: '#F5FCFF',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
});
这段代码展示了如何使用React Native创建一个简单的应用,其中包含了一个视图和一段文本。这是学习React Native开发的一个很好的起点,因为它演示了如何组织代码,创建用户界面以及如何使用React Native的样式系统。
评论已关闭