IT评测·应用市场-qidao123.com
标题:
React Native 之 expo-cli利用 (二十四)
[打印本页]
作者:
傲渊山岳
时间:
2024-6-21 13:20
标题:
React Native 之 expo-cli利用 (二十四)
expo-cli是用于创建、运行和摆设Universal Expo和React Native应用程序的工具。
1. 安装expo-cli
命令行或终端中运行以下命令来全局安装expo-cli:
npm install -g expo-cli
# 或者使用yarn
yarn global add expo-cli
//安装完成后,你可以通过运行expo --version来检查expo-cli的版本。
复制代码
2. 初始化项目
利用expo-cli初始化一个新的React Native项目。在命令行中运行以下命令:
expo init MyAwesomeApp
复制代码
在初始化过程中,你会被要求选择一个模板。根据你的需要选择一个模板,例如blank(空白模板)用于项目演示、组件预览或个人项目。
3. 启动项目
进入项目目次并启动你的React Native应用:
cd MyAwesomeApp
expo start
复制代码
expo-cli会启动一个开发服务器,并提供一个二维码。你可以利用Expo客户端应用扫描这个二维码来在你的装备上预览你的应用。
4. 运行应用
如果你渴望直接在模仿器或真实装备上运行你的应用,你可以利用以下命令:
对于Android装备:expo start --android
对于iOS装备(仅限macOS):expo start --ios
项目通常包含一个默认的App.js文件
import React from 'react';
import { View, Text, Button, Alert } from 'react-native';
const App = () => {
const handlePress = () => {
Alert.alert('Hello Expo!', '你点击了按钮!');
};
return (
<View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>
<Text>欢迎使用Expo和React Native!</Text>
<Button title="点击我" onPress={handlePress} />
</View>
);
};
export default App;
复制代码
免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
欢迎光临 IT评测·应用市场-qidao123.com (https://dis.qidao123.com/)
Powered by Discuz! X3.4