React-Native搭建Android平台(ZUCC智能终端与移动应用开发lab1)
warning:
这篇文章距离上次修改已过190天,其中的内容可能已经有所变动。
以下是一个简单的React Native项目的入门级代码示例,用于创建一个显示“Hello, World!”的基本应用。
首先,确保你已经安装了Node.js和npm,然后安装React Native CLI:
npm install -g react-native-cli
接下来,创建一个新的React Native项目:
react-native init HelloWorld
进入项目目录:
cd HelloWorld
然后,编辑 App.js
文件以显示“Hello, World!”:
import React from 'react';
import { StyleSheet, Text, View } from 'react-native';
export default class App extends React.Component {
render() {
return (
<View style={styles.container}>
<Text style={styles.welcome}>Hello, World!</Text>
</View>
);
}
}
const styles = StyleSheet.create({
container: {
flex: 1,
justifyContent: 'center',
alignItems: 'center',
},
welcome: {
fontSize: 20,
textAlign: 'center',
margin: 10,
},
});
最后,启动React Native Packager:
react-native start
在另一个终端窗口中,运行应用程序:
# For Android
react-native run-android
这将启动一个模拟器或连接的Android设备,并在上面安装并启动应用。如果一切顺利,你将看到一个显示“Hello, World!”的屏幕。
评论已关闭