expo 使用记录

一、调试:

1. React DevTools

通过在启动 Expo 的终端中按Shift+m打开。

image

2. Developer menu(开发者菜单)

开启方式:
模拟器:CTRL + m / cmd⌘ + m
手机:摇晃设备

image

3. React Native Debugger

不支持使用 Hermes 的 app

4. Flipper

构建

eas build --profile development --platform android
// 本地构建
eas build --profile development --platform android --local

打包

  1. 配置eas.json
{
  "cli": {
    "version": ">= 5.2.0",
    "promptToConfigurePushNotifications": false,
    "appVersionSource": "remote"
  },
  "build": {
    "development": {
      "developmentClient": true,
      "distribution": "internal",
      "ios": {
        "simulator": true
      },
      "android": {
	"env": {
            "ANDROID_SDK_ROOT": "/Users/xiaozhi/Library/Android/sdk"
        },
        "buildType": "apk",
        "gradleCommand": ":app:assembleDebug"
      }
    },
    "preview": {
      "android": {
	"env": {
            "ANDROID_SDK_ROOT": "/Users/xiaozhi/Library/Android/sdk"
        },
        "buildType": "apk"
      },
      "ios": {
        "credentialsSource": "local"
      },
      "distribution": "internal"
    },
    "production": {
      "android": {
        "buildType": "app-bundle",
	"env": {
            "ANDROID_SDK_ROOT": "/Users/xiaozhi/Library/Android/sdk"
        }
      },
      "ios": {
        "credentialsSource": "local"
      }
    }
  },
  "submit": {
    "production": {}
  }
}

preview和production中buildType为apk打包出的文件是.apk文件,app-bundle打包出的文件是谷歌应用商店使用的.aab文件。

eas.json相关详细配置

  1. 设置版本号
    每次打包上传版本号要求递增
eas build:version:set -p android
  1. 打包
eas build --local -p android --profile preview

--local 代表本地打包,去掉则会在expo平台线上打包;
-p 代表平台
--profile 代表使用eas.json中的build中配置的不同类型(preview/production/其它)

  1. ios版本指令基本相同,-p设置为ios
    如果要提交线上打包文件到应用商店
eas submit -p ios

其它

1. 更新SDK版本

npx expo install expo@latest
#或
npx expo install expo@^52.0.0

升级依赖项

npx expo install --fix

Upgrade Expo SDK

posted @ 2025-04-29 17:59  Li_pk  阅读(102)  评论(0)    收藏  举报