使用 Expo React Native 构建后 Android APK 无法正常工作

Question

我一直在开发一个应用程序，并且一直在使用 Android 模拟器和我的 Android 设备来使用 Expo 进行测试。

效果很好，一切都很完美。但是，我刚刚构建了一个Android APK(我执行了 expo build:android )，我可以看到我的应用程序的登录信息，但是在引入凭据后，它有点显示它关闭了应用程序然后恢复它，但现在它一直显示空白屏幕。

这是一张 gif 动图，向您展示到底发生了什么。

https://giphy.com/gifs/hdtXNeM2s5Dx7FnbNJ

另外，这是我的 App.js 的代码，它可以显示 <AuthNavigator /> (登录屏幕)，但当设置用户然后 <AppNavigator /> 时它会停止工作没有出现。

import React, { useState } from "react";
import { StyleSheet } from "react-native";
import { NavigationContainer } from "@react-navigation/native";
import { AppLoading } from "expo";

import AppNavigator from "./app/navigation/AppNavigator";
import AuthNavigator from "./app/navigation/AuthNavigator";
import AuthContext from "./app/auth/context";
import authStorage from "./app/auth/storage";

export default function App() {
  const [user, setUser] = useState();
  const [isReady, setIsReady] = useState(false);

  const restoreUser = async () => {
    const user = await authStorage.getUser();
    if (user) setUser(user);
  };

  if (!isReady) {
    return (
      <AppLoading startAsync={restoreUser} onFinish={() => setIsReady(true)} />
    );
  }

  return (
    <AuthContext.Provider value={{ user, setUser }}>
      <NavigationContainer>
        {user ? <AppNavigator /> : <AuthNavigator />}
      </NavigationContainer>
    </AuthContext.Provider>
  );
}

还有我的 app.json，以防万一需要:

{
  "expo": {
    "name": "Agro-Mobile",
    "slug": "Agro-Mobile",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./app/assets/icon.png",
    "splash": {
      "image": "./app/assets/splash.png",
      "resizeMode": "cover",
      "backgroundColor": "#ffffff"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": ["**/*"],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "package": "com.smartbase.agrocognitive",
      "versionCode": 1
    },
    "web": {
      "favicon": "./app/assets/favicon.png"
    },
    "description": ""
  }
}

Answer 1

在 app.json 中您需要更改:

"android": {
  "package": "com.smartbase.agrocognitive",
  "versionCode": 1 

为此

"android": {
  "package": "com.agrocognitive.agrocognitive",
  "versionCode": 1 

换句话说，您只需将公司名称更改为应用程序名称，请确保仅使用小写字符而不使用符号。您创建的文件夹与您的应用程序具有相同的名称。对于其他人，删除 App.js 中的任何评论。

这适用于我的 bluestacks 模拟器和运行 apk 文件的手机 希望对您有帮助