Blog
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)

HiuZing

🍑
首页
文档
收藏
关于
  • 在线转换时间戳 (opens new window)
  • 在线压缩图片 (opens new window)
  • Float-Double转二进制 (opens new window)
  • 文件转Hex字符串 (opens new window)
  • 前端面试题

  • JavaScript

  • Vue2

  • port

  • CSS

  • Node.js

  • JavaScript优化

  • uniapp

  • Mini Program

  • TypeScript

  • 面向对象编程

  • UI组件

  • Plugin

  • Vue3

  • 性能优化

  • Axios

  • 状态管理

  • React

  • Mock

  • Icon

  • Template

  • 构建工具

  • 项目规范配置

  • Taro

  • SVG

  • React Native

    • 沙盒环境-Expo

      • React Native沙盒环境安装
        • 安装
        • 开发环境
          • Android 模拟器调试
          • IOS真机调试
      • React Native沙盒环境文档
      • React Native沙盒环境基础组件
      • React Native沙盒环境导航
    • 原生环境

    • React Native第三方库
  • 前端
  • React Native
  • 沙盒环境-Expo
HiuZing
2023-08-21
目录

React Native沙盒环境安装

# 安装

Node版本:v16.13.0

Npm版本:8.1.0

  1. 创建

    npx create-expo-app --template
    
    1
  2. 启动(进入文件夹)

    npx expo
    
    1

# 开发环境

官网:搭建开发环境 · React Native 中文网 (opens new window)

# Android 模拟器调试

  1. 安装Node、JDK 和 Android Studio(Android SDK、Android SDK Platform、Android Virtual Device)

    JDK (opens new window)

    Android Studio (opens new window)

  2. 查看版本

    javac -version # React Native 需要 Java Development Kit [JDK] 11
    
    1
  3. 安装 Android SDK(详情看官网)

  4. 配置 ANDROID_HOME 环境变量

  5. 工具目录添加到环境变量 Path

  6. 创建一个虚拟设备

    如以下问题

    image-20230910153145235

  7. 运行命令(确保你先运行了模拟器或者连接了真机)

    expo start --android
    
    1

# IOS真机调试

  1. 运行命令expo start
  2. App Store下载Expo Go
  3. 使用相机扫描二维码
上次更新: 2024/08/14, 04:14:33
SVG图标配置
React Native沙盒环境文档

← SVG图标配置 React Native沙盒环境文档→

最近更新
01
React Native 使用SVG
08-13
02
Docker基础命令
08-04
03
算数逻辑单元
07-30
更多文章>
Theme by Vdoing | Copyright © 2021-2024 WeiXiaojing | 友情链接
  • 跟随系统
  • 浅色模式
  • 深色模式
  • 阅读模式