使用 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-screens
和
react-native-safe-area-context
为我解决了这个问题。
npm install react-native-screens react-native-safe-area-context
ANSHUL SAINI
2024-03-05