探索React Native:构建跨平台移动应用的新境界
import React from 'react';
import { Text, View, StyleSheet } from 'react-native';
export default class HelloWorldApp extends React.Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.hello}>Hello, world!</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center'
},
hello: {
fontSize: 20,
textAlign: 'center',
margin: 10
}
});
这段代码展示了如何在React Native中创建一个简单的Hello World应用。它使用了React组件的ES6类语法,并展示了如何使用React Native的<Text>
和<View>
组件来创建用户界面,以及如何使用StyleSheet.create
来定义样式。这是学习React Native开发的一个很好的起点。
评论已关闭