RN 创建项目

1
2
3
4
5
6

npm i -g expo-cli
expo init  novel_v1
cd novel_v1
yarn
yarn android
#这边需要开启android的模拟器

使用Expo开发应用程序需要两种工具：本地开发工具和用于打开应用程序的移动客户端。

本地开发工具：Expo CLI

Expo CLI是使用Expo开发应用程序的工具。此外，命令行界面（CLI）还具有图形用户界面，即Expo开发者工具，可在您的Web浏览器中弹出。借助Expo Dev Tools，您可以快速设置测试设备，查看日志等。

您需要在计算机上安装Node.js（版本6或更新版本）。 下载最新版本的Node.js的 。

您可以通过运行以下命令安装Expo CLI：

npm install -g expo-cli

作者：万能的JS 链接：https://www.jianshu.com/p/dfad5d1f4072 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

参考学习视频

参考视频2

运行 到夜神模拟器

1
2

adb connect 127.0.0.1:62001  
adb devices

在网页点击运行 就可以安装到模拟器里面了

参考教程2

安卓打包教程

配置 app.json的包名字

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

{
  "expo": {
    "name": "novel_v1",
    "slug": "novel_v1",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./assets/icon.png",
    "splash": {
      "image": "./assets/splash.png",
      "resizeMode": "contain",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "package":"io.github.lyr2000.novelapp",
      "versionCode":1,
      "adaptiveIcon": {
        "foregroundImage": "./assets/adaptive-icon.png",
        "backgroundColor": "#FFFFFF"
      }
    },
    "web": {
      "favicon": "./assets/favicon.png"
    }
  }
}

1

 expo build:android