APK показывает пустой экран, если я использую Navigator ⇐ Android

[Anonymous]

Я новичок в React Native, и я кодировал приложение в RN. Я тестировал его с помощью NPX Expo Start и приложения Expo Go на моем телефоне. Все работает. Я создал файл .apk с EAS Build . Когда я загрузил .apk и установил приложение, я увидел пустой экран. Я выяснил, что файл APK работает, когда я не использую Navigator в своем приложении (когда я создал приложение с домашним экраном, но без навигатора все работало).
Вот как оно выглядит.
Я обнаружил, что он не работает даже с простой приложением, как: кнопка «Перейти на домашний экран» и «Перейти к экрану». (docs.expo.com) [docs.expo.com], но я изменил eas.json file.

Код: Выделить всё

node --version
v18.19.1

npm expo --version
9.2.0

И есть все важные (вероятно) файлы:
app.js

Код: Выделить всё

import { Text, View } from 'react-native';
import { NavigationContainer } from "@react-navigation/native";
import { createNativeStackNavigator } from "@react-navigation/native-stack";
import Home from "./screens/Home";
import About from './screens/About';
const Stack=createNativeStackNavigator();

export default function App() {
return (








);
}

home.js . about.js выглядит похожим

Код: Выделить всё

import { Button, Text, View } from "react-native";

export default function Home({navigation}){
return (

Home
navigation.navigate("About")} title="Go to about"/>

);
}

app.json

Код: Выделить всё

{
"expo": {
"name": "app1",
"slug": "app1",
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/icon.png",
"userInterfaceStyle": "light",
"newArchEnabled": true,
"splash": {
"image": "./assets/splash-icon.png",
"resizeMode": "contain",
"backgroundColor": "#ffffff"
},
"ios": {
"supportsTablet": true
},
"android": {
"adaptiveIcon": {
"foregroundImage": "./assets/adaptive-icon.png",
"backgroundColor": "#ffffff"
},
"edgeToEdgeEnabled": true,
"package": "com.kardimon57.app1"
},
"web": {
"favicon": "./assets/favicon.png"
},
"extra": {
"eas": {
"projectId": "7d4011bb-176d-4861-bb81-fa7f9f0c4cc9"
}
}
}
}

ас.

Код: Выделить всё

{
"cli": {
"version": ">= 16.7.0",
"appVersionSource": "remote"
},
"build": {
"development": {
"developmentClient": true,
"distribution": "internal"
},
"preview": {
"android": {
"buildType": "apk"
},
"distribution": "internal"
},
"production": {
"autoIncrement": true
}
},
"submit": {
"production": {}
}
}

Для создания файла APK я использовал командную сборку eas -p -p Android -profile preview .
Я искал ответ в Интернете, но никто не сосредоточен на проблеме с навигатором. Я обнаружил, что удаление AlignItems: «Center» < /code> Параметр в основном контейнере в app.js должен помочь, но это не так.npm install react-native-screens react-native-safe-area-context< /code>, но также ничего не произошло.
Я также тестировал файл .apk на двух устройствах. Я получаю пустой экран.

Подробнее здесь: https://stackoverflow.com/questions/796 ... -navigator