开发者问题收集

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

2020-09-23
7247

我一直在开发一款应用程序,并且一直使用 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": ""
  }
}

3个回答

在 app.json 中,您需要更改:

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

为此

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

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

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

MarceloBri
2021-07-16

尝试 npm install react-native-screens react-native-safe-area-context

我用这个解决了这个问题

ademhatay
2023-09-04

安装软件包 react-native-screensreact-native-safe-area-context 为我解决了这个问题。

npm install react-native-screens react-native-safe-area-context
ANSHUL SAINI
2024-03-05