React Native 之 expo-cli利用 （二十四）

expo-cli是用于创建、运行和摆设Universal Expo和React Native应用程序的工具。
  1. 安装expo-cli
命令行或终端中运行以下命令来全局安装expo-cli：

1. npm install -g expo-cli  
2. # 或者使用yarn  
3. yarn global add expo-cli
5. //安装完成后，你可以通过运行expo --version来检查expo-cli的版本。

复制代码

2. 初始化项目
利用expo-cli初始化一个新的React Native项目。在命令行中运行以下命令：

1. expo init MyAwesomeApp

复制代码

在初始化过程中，你会被要求选择一个模板。根据你的需要选择一个模板，例如blank（空白模板）用于项目演示、组件预览或个人项目。
3. 启动项目
进入项目目次并启动你的React Native应用：

1. cd MyAwesomeApp  
2. expo start

复制代码

expo-cli会启动一个开发服务器，并提供一个二维码。你可以利用Expo客户端应用扫描这个二维码来在你的装备上预览你的应用。
4. 运行应用
如果你渴望直接在模仿器或真实装备上运行你的应用，你可以利用以下命令：

• 对于Android装备：expo start --android
  
• 对于iOS装备（仅限macOS）：expo start --ios
  

项目通常包含一个默认的App.js文件

1. import React from 'react';  
2. import { View, Text, Button, Alert } from 'react-native';  
3.   
4. const App = () => {  
5.   const handlePress = () => {  
6.     Alert.alert('Hello Expo!', '你点击了按钮!');  
7.   };  
8.   
9.   return (  
10.     <View style={{ flex: 1, justifyContent: 'center', alignItems: 'center' }}>  
11.       <Text>欢迎使用Expo和React Native!</Text>  
12.       <Button title="点击我" onPress={handlePress} />  
13.     </View>  
14.   );  
15. };  
16.   
17. export default App;

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。