首页 > 其他分享 >React Native Elements开发环境 & 生成项目 & 虚拟机调试 & 本地生成APK档 & 虚拟机运行APK档

React Native Elements开发环境 & 生成项目 & 虚拟机调试 & 本地生成APK档 & 虚拟机运行APK档

时间:2022-12-23 11:00:39浏览次数:47  
标签:-- 虚拟机 生成 APK adb android app

1.0 開發環境

java -version
java version "11.0.11" 2021-04-20 LTS
Java(TM) SE Runtime Environment 18.9 (build 11.0.11+9-LTS-194)
Java HotSpot(TM) 64-Bit Server VM 18.9 (build 11.0.11+9-LTS-194, mixed mode)

  JDK 11.0.11

 

node -v
v14.16.1

  Node 14.16.1

 

visual studio installer - node development & desktop development with C++

 

必需高於API 31版本,否則不支援React Native。

 

adb version
Android Debug Bridge version 1.0.41
Version 31.0.2-7242960
Installed as C:\Users\Kennychan\AppData\Local\Android\Sdk\platform-tools\adb.exe

  adb 31.0.2-7242960

 

 

 

ANDROID_HOME: 安裝android studio時會自動加入。
JAVE_HOME: 可切換JDK版本。
Path -> platform-tools: adb的根目錄。

 

2.0 生成项目

RN Elements官方推薦使用Expo CLI云開發,但我建議本地開發,所以還是使用create-react-native-app腳手架。

npx create-react-native-app reactnative001

  腳手架生成目錄。

npm i @rneui/themed
npm i --save react-native-vector-icons
npm i react-native-safe-area-context
npm i @rneui/themed @rneui/base

  安裝packages。

 

3.0 虚拟机调试

  

運行虚拟机。

 

adb devices -l
List of devices attached
emulator-5554          device product:sdk_gphone64_x86_64 model:sdk_gphone64_x86_64 device:emulator64_x86_64_arm64 transport_id:2

  成功運行虚拟机-5554。

 

npm run android

  運行項目。

 

4.0 本地生成APK档

npx react-native bundle --platform android --dev false --entry-file index.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

  生成android目錄。

 

手動新增folder: %PEOJECT_ROOT%\android\app\src\main\assets。如果沒圖片,就不會有這assets目錄,引致報錯。

cd android && gradlew assembleDebug && adb install %PROJECT_ROOT%\android\app\build\outputs\apk\debug\app-debug.apk

  本地生成APK档

 

5.0 虚拟机運行APK档

adb install %PROJECT_ROOT%\android\app\build\outputs\apk\debug\app-debug.apk

  虚拟机運行APK档

 

标签:--,虚拟机,生成,APK,adb,android,app
From: https://www.cnblogs.com/chenkuang/p/17000009.html

相关文章

  • 解决APK Easy Tool编译问题
    ApkTool是编译、反编译的神器,但缺少界面操作不太友好,网友特地制作了GUI工具。但在编译过程出现了三个问题:问题1:W:invalidresourcedirectoryname:XXX\resnavigatio......
  • Xshell不能同时连接三台克隆虚拟机(只能连接一台)的解决办法
    今天把虚拟机克隆了之后,用xshell连接,准确来说,只能连接一台虚拟机一、首先检查三台虚拟机的网络连接是否正常打开VM,分别进入三台虚拟机桌面,右键打开终端,输入pingwww.baid......
  • 【Unity】基于波函数坍塌算法实现赛道自动化生成
    前言:很久没有写博客了,最近忙里偷闲准备恢复写博客的习惯,一是整理之前的笔记,二是梳理下知识点以供回顾。想写的内容很多,准备先针对以往做过的项目写个总结,最近在网上看到利......
  • jre包生成
      cmd管理员权限下,生成jre包:1、进入jdk安装路径:cd xx\bin2、生成jre:jlink.exe--module-pathjmods--add-modulesjava.desktop--outputjre......
  • 第九章 克隆虚拟机
    第九章克隆虚拟机9.1克隆从现有虚拟机(关机状态)克隆出新虚拟机,右键选择管理=>克隆点击下一步选择虚拟机中的当前状态选择创建完整克隆设置虚拟机名称......
  • Linux 利用wkhtmltopdf动态生成pdf
    yumlocalinstallwkhtmltox-0.12.6-1.centos8.x86_64.rpmwkhtmltopdf--version;yuminstalllibpng15*yumlistlibpng15*wkhtmltopdf--disable-smart-shrinki......
  • 生成地图(CreatTerrtin)
    usingSystem;usingSystem.Collections;usingSystem.Collections.Generic;usingUnityEngine;usingUnityEngine.UI;publicclassCreatTerrtin:MonoBehaviour{Ac......
  • 问题 | Linux虚拟机无法联网
    前言:有一段时间没有开启过虚拟机的Linux系统,打开发现无法上网,IP也不显示为之前设置的静态IP,怀疑是安装win10虚拟机时修改了网络设置影响的,虚拟机系统:CentOs-71.检查ens33......
  • electron 生成项目及打包
    一.准备工作    1.首先,我们要安装electron-prebuilt,它是一个npm模块,因此我们可以使用Npm来进行安装,它是一个electron的预编译版本。 npminstall-gelectron-pr......
  • Pytest23--生成测试报告
    生成测试报告测试报告中至少可以显示执行了多少条用例,用例信息如何,多少条用例执行成功,多少条用例执行失败,多少用例出错使用步骤1)安装pytest-html插件pipinstallpytest-ht......