React native我在app.js中放置了一个闪屏，然后我得到一个错误
React Native是一种跨平台移动应用开发框架，可以使用JavaScript编写原生移动应用。在app.js中放置一个闪屏是为了在应用启动时展示一个启动画面。然而，如果你在放置闪屏的过程中遇到了错误，可能有以下几个原因：
- 闪屏资源路径错误：请确保你在app.js中指定的闪屏资源路径是正确的。你可以使用相对路径或绝对路径来引用闪屏资源。
- 闪屏资源缺失：检查你的项目目录中是否存在指定的闪屏资源文件。确保文件名和路径与app.js中的引用一致。
- 闪屏资源格式不支持：React Native支持多种图片格式，如PNG、JPEG等。请确保你的闪屏资源文件格式是React Native支持的格式。
- 闪屏资源大小不合适：闪屏资源的尺寸应该适配不同的设备屏幕。你可以使用React Native提供的Image组件的resizeMode属性来调整闪屏资源的适配方式。
如果以上解决方法无效，你可以尝试以下步骤来进一步排查错误：
- 检查控制台输出：在开发过程中，React Native会在控制台输出错误信息。请查看控制台输出，以获取更详细的错误信息。
- 检查依赖版本：确保你的React Native版本和相关依赖的版本是兼容的。有时候，不同版本之间可能存在兼容性问题。
- 检查代码逻辑：仔细检查你在app.js中放置闪屏的代码逻辑，确保没有语法错误或逻辑错误。
如果你需要更详细的帮助，可以参考腾讯云的React Native相关文档和资源：
- React Native官方文档：https://reactnative.dev/
- 腾讯云移动开发平台：https://cloud.tencent.com/product/mpp
- 腾讯云移动开发平台React Native文档：https://cloud.tencent.com/document/product/269/33488
请注意，以上提供的链接和信息仅供参考，具体的解决方法可能因个人情况而异。建议在遇到问题时，参考官方文档、社区论坛或寻求专业开发人员的帮助。
相关·内容
在React原生应用程序中，我们尝试将Lottie动画加载为闪屏。 在android中，我可以通过为android Lottie库创建一个本地视图来实现它。I want to play lottie animation in splash screen+ React native 我需要在iOS中同样的，目前，我们有一个图像闪屏，我们已经实现了images.xcassets和LaunchScreen.storyboard (请参阅屏幕截图) ? ? 有没有可能在这里使用Lottie动画代替这些图像？ 有一个解决方法，我可以在开始应用程序内容之前在app.js中添加Lottie
浏览 96提问于2021-05-07得票数 2
1回答
我是react native的新手，正在尝试创建一个iOS应用程序。我的闪屏运行良好，并在创建项目时加载初始App.js屏幕。但是，当我将返回值更改为我自己的.js文件时，它无法构建并停留在闪屏上。请给我一些小贴士，我看了很多教程。 App.js // App.js
import React, { Component } from 'react';
import SplashScreen from 'react-native-splash-screen';
import GetStarted from './authentication/GetSt
浏览 7提问于2019-02-21得票数 1
回答已采纳
我想知道:有没有像react-native-splash-screen这样的闪屏模块？此模块有助于通过react-native隐藏闪屏。是否有其他可选的颤动模块来隐藏闪屏？ https://github.com/crazycodeboy/react-native-splash-screen
浏览 16提问于2020-01-15得票数 0
回答已采纳
我们已经使用React Native Expo进行了开发，但在运行应用程序时，我们得到了一个默认的闪屏，而不是我们的自定义闪屏。 谁可以帮助我删除默认屏幕和设置我们的自定义闪屏。
浏览 20提问于2020-04-17得票数 1
假设我在React Native中有一个项目，它是用react-native-cli初始化的。可以在这个项目中使用世博会的闪屏吗？ 如果不是，那么在使用react- Native -cli创建的React native项目中实现闪屏的最佳方式是什么？ (除了react-native-splash screen)
浏览 9提问于2019-04-07得票数 2
2回答
我正在构建我的第一个react原生应用程序，并且我已经成功地创建了我的登录屏幕和登录表单组件(以及我想要导航到的空白闪屏Splash.js )。 因此，该表单具有完整的功能，其中包含一个touchableOpacity实例作为按钮。我现在不想验证用户名和密码，但我希望我的登录touchableOpacity导航到一个闪屏。 我刚刚成功地安装了react-navigation, react-navigation-stack and react-native-gesture-handler，但是我刚刚在我的App.js文件上导入了导航，现在我的登录页面出现了错误TypeError: undefi
浏览 24提问于2019-10-13得票数 1
回答已采纳
我使用的是react-native 0.32.0和" react-native-navigation "："^1.0.30"，我想首先获得一个闪屏，然后转到主屏幕，在那里我开始使用react-native-navigation。我在谷歌上搜索了很多，也做了很多重新研究，但仍然不知道怎么做。我尝试将最简单的配置传递给Navigation.startSingleScreenApp，但我仍然可以在iOS中获得导航栏。有没有可能先得到一个原始的闪屏，然后再使用react-native导航来导航？
浏览 14提问于2016-09-12得票数 0
2回答
有什么方法可以移除react-native的默认闪屏吗？或者定制默认的闪屏。就像我想要在闪屏中添加一个加载栏和淡出效果。我想为公司和应用程序创建2闪屏。可以更改装货时间吗？
浏览 25提问于2020-06-17得票数 0
回答已采纳
1回答
我正在显示react本机闪屏，并试图将其隐藏在useEffect中，但如果在App.js中使用AWS身份验证器，则不会调用useEffect。当我不使用认证器的时候，它可以正常工作。
App.js
import Amplify from 'aws-amplify';
import config from './src/aws-exports';
import { withAuthenticator } from 'aws-amplify-react-native';
import Auth from '@aws-amplify/auth&
浏览 1提问于2021-10-02得票数 2
我正在构建一个react原生应用程序，世博会客户端上的事情运行良好。但在闪屏之后，我在日志中看到：‘未捕获错误:调用AppRegistry.runApplication时出错’。
我已经添加了AppRegistry.registerComponent('main'，()=>应用程序)，这是通过世博会客户端工作的。我是通过expo build:android创建SDK的。
{
"main": "App.js",
"scripts": {
"start": "expo start"
浏览 3提问于2019-03-30得票数 1
0回答
我正在使用Appium自动化应用程序。我有一个混合的应用程序，它是在react-native上制作的，当没有闪屏时，整个代码都可以工作。如果有闪屏，同样的代码就不能工作。我收到Element not found错误。我尝试过java和ruby两种语言。我试过隐藏闪屏，它是有效的，但它是相当困难的，以取代闪屏上的每一个版本的自动化。Splash screen是用java代码制作的。
浏览 2提问于2018-07-12得票数 1
我的应用程序中有闪屏，5秒后它会导航到另一个屏幕。 我想要的是闪屏应该只显示在第一次时，应用程序被加载，一旦用户出来的应用程序和打开它，然后它不应该显示闪屏。 以下是我的代码 import React, { Component } from 'react';
import { View, ImageBackground, StyleSheet, BackHandler, Alert } from 'react-native';
import { Actions } from 'react-native-router-flux';
import
浏览 11提问于2019-04-22得票数 0
我在React Native上创建一个iOS应用程序，并希望该应用程序支持多语言。当设置目标语言时，应用程序可以正常工作，但当我再次打开应用程序时，它会显示默认语言。我正在尝试从异步存储中获取已定义的语言，但它没有反映更改并呈现应用程序组件。我正在使用上下文api进行本地化。
我使用Launchscreen.xib来显示闪屏，并使用app.js useEffect钩子中的react-native- splash -screen方法SplashScreen.hide()隐藏这个闪屏，并且我想在加载应用程序组件之前设置之前选择的语言。
Localization.js文件-
import React
浏览 0提问于2020-03-12得票数 2
我正在做一个react原生项目，我使用了react- native -bootsplash作为我的启动画面。问题是闪屏上的徽标图像太小，因为闪屏徽标的建议大小是100。有没有办法调整镜像的大小或者使用bootsplash生成的@5x镜像？？
浏览 93提问于2021-10-16得票数 1
回答已采纳
实际上，我正计划使用一个名为react-native- splash -screen的包来在我的应用程序上实现一个闪屏。我对闪屏发生的测试的实现感到很困惑。或者，我应该根本不担心为闪屏编写测试吗？
我已经想过编写测试来将第一个组件挂载到应用程序中，因为如果成功显示闪屏，应用程序中的第一个组件将被渲染。
浏览 14提问于2019-08-19得票数 0
我正在通过app.json设置闪屏图标和颜色： 当我试图在Android模拟器上测试应用程序时，它工作正常，但在执行apk之后，问题似乎又出现了 以下是来自app.json文件的闪屏代码片段： "platforms": [
"ios",
"android"
],
"version": "1.0.0",
"orientation": "portrait",
"icon": "./assets/icon.png",
"splash
浏览 17提问于2019-05-25得票数 0
回答已采纳
在安卓模拟器上使用react导航(3.9)向react原生(0.59)应用程序添加了一个闪屏，以检索本地值并将其传递回App.js用于路由目的。下面是组件SplashScreen import React, { Component} from 'react';
import {Platform, StyleSheet, Text, View} from 'react-native';
import helper from "../../lib/helper";
class SplashScreen extends React.Componen
浏览 11提问于2019-05-31得票数 0
回答已采纳
正如标题所说，我想在iOS闪屏上显示动画GIF。然而，我看到了很多关于iOS闪屏不支持动画GIF的信息。如果你知道如何在iOS上实现类似闪屏的行为，你能给我一些建议吗？当然，它也支持Android，所以我认为一种可以在Android上实现的方法是好的。对不起，我的英语很差。
react-native: 0.60.6
谢谢。
浏览 5提问于2020-02-04得票数 1
我是React Native的初学者，并用它构建混合应用程序。但我不确定如何在我的应用程序中创建闪屏。
在任何博客中都没有完整的代码。
请提供我的指南或完整的代码闪屏。
谢谢。
浏览 3提问于2016-04-13得票数 0
我在React Native中为AppState设置了一个监听器，以便知道我的应用程序何时从后台切换到前台，这样我就可以显示闪屏。 useEffect(() => {
AppState.addEventListener('change', handleAppStateChange);
},[])
const handleAppStateChange = newState => {
if (newState === 'active') {
RNBootSplash.show();
}
}; 问题是，这只发生在我编
浏览 30提问于2020-04-26得票数 0
我想在react native中完成我的闪屏，我该怎么做呢?我已经搜索了很多次，但没有找到任何我正在使用的@react导航/native。
浏览 15提问于2021-01-19得票数 0
2回答
似乎找不到一个指南，可以帮助我在android studio中为我的android项目创建闪屏。
(我正在mac上工作)
我找不到在哪里添加新的活动，所以我可以创建闪屏。
编辑:无法从告诉我尝试的区域中找到:SecondEDIT下面的照片:这是一个React-Native项目
浏览 27提问于2017-07-12得票数 0
2回答
我希望每个人在这段时间都是安全的。我已经在React-Native上工作了很长一段时间，但我似乎仍然面临着启动和闪屏的问题。 根据我的要求，我需要有一个启动屏幕，然后是闪屏，行为是，如果你还没有打开你的手机上的应用程序，它会显示你的启动屏幕，然后是闪屏(两个独立的资产)。 我已经构建了两个具有相同尺寸的资源，并使用了一个名为react-native- splash -screen的包来实现此行为，但即使这两个资源具有相同的尺寸，我的启动屏幕和启动屏幕最终呈现方式也不同。 这个包使用了iOS的.xib文件，我觉得Storyboard会更适合这个用例，但即使使用storyboard，我也很难让我
浏览 26提问于2020-04-06得票数 1
我的应用程序上有闪屏，所以当我们从主页单击android后退按钮(而不是返回闪屏)时，我想退出应用程序。所以我想从react-native教程中实现这个方法。
if (!this.onMainScreen()) {
this.goBack();
return true;
}
return false;
有没有人可以帮我实现onMainScreen()和goBack()函数？谢谢你的帮助。
浏览 0提问于2017-09-16得票数 0
当我试图在真实的设备或模拟器上运行应用程序(从Xcode运行)时，我在闪屏上卡住了，并且能够看到“加载依赖图”。
但是，如果像react-native run-ios --simulator="iPhone 8"这样从命令行运行它，一切都很好，我没有问题。
什么可能会导致该问题？谢谢
浏览 1提问于2019-07-30得票数 0
我是react native的新手，我需要在IOS和Android的react native应用程序上实现闪屏(图像或渐变颜色)。我只实现了颜色和图标，但我想渐变颜色，但如果它不可能，我想上传图像。我使用react-native-bootsplash。
非常感谢。
浏览 3提问于2021-11-30得票数 1
1回答
React原生闪屏正在等待，然后是白屏。
它在IOS模拟器和android上运行良好，但不能在物理ios设备上运行
然后我得到了这个错误:在创建JS线程之前，不能调用这个方法
"react-native"："0.61.5"，node v15.0.1
编辑:我知道它必须在同一个网络上，但我通过wifi连接到外部设备并接收数据。我们如何消除连接到同一网络的需要？
浏览 1提问于2020-10-28得票数 0
我有一个运行SDK 39的应用程序，直到上周。我成功地将其升级到SDK 40，但应用程序停留在闪屏，日志中没有任何错误。我尝试了很多东西来修正，其中之一就是更新expo-cli。
expo-cli显示更新到版本4.xx，但运行expo start仍然显示expo-cli版本3.xx。我想这是由于在多个位置安装expo-cli而导致的错误。我试着改正，但没有起作用。
然后我将git重置到SDK 39版本，但它仍然停留在初始屏幕上，没有错误。然后，我在另一个位置克隆了存储库，npm安装了它，但它仍然没有通过闪屏。
最后，在尝试了yarn install和npm install的组合之后，我能够运行
浏览 1提问于2021-02-14得票数 0
我是一个新手，我正面临着一个我所不了解的问题。我正在做一个测试项目，其中我想使用闪屏，作为一个新手，我使用flutter_native_splash来创建闪屏；它工作得很好，但现在我想按住闪屏并显示一个关于互联网连接的AlertDialog。我不知道怎么用它:(
额外的问:有没有办法使用AlertDialog的按钮，如果互联网连接恢复，它将重新打开/恢复进程？
浏览 0提问于2021-02-20得票数 1
我正在迁移我的react本机应用程序，该应用程序使用了react- native -fcm和react-native-firebase-analytics，现在不推荐使用react-native-firebase。构建运行得很好，但是当应用程序启动时，它会在闪屏上停留近一分钟(这很奇怪)，然后崩溃并出现错误：
TypeError: 'undefined' is not an object (evaluating 'RNFIR.requestPermissions()')
在我的代码中没有这样的表达式，一切都是最新的。我的猜测是它可能来自react-native-
浏览 0提问于2018-06-14得票数 0
在我的App.js中，我希望在Persist完成加载时将布尔变量的状态设置为true。我使用的是自定义闪屏组件，所以我想在<PersistGate>完成加载时将布尔变量的状态设置为true，请告诉我该怎么做 商店- Index.js import { createStore } from "redux";
import { persistStore, persistReducer } from 'redux-persist'
import storage from 'redux-persist/lib/storage'
i
浏览 16提问于2019-04-01得票数 0
当应用程序加载时，有一个白色背景，然后在闪屏显示之前闪烁。我已经从app.json文件中删除了闪屏，因为我手动加载并隐藏了闪屏。(离开app.json文件中的启动画面会导致启动画面先显示白色闪烁，然后再次显示启动画面) App.js import React from 'react';
import { StyleSheet, View, Image } from 'react-native'
import { MyAuthStack, MyMainDrawer } from './Screens/Navigators'
import fire
浏览 28提问于2020-05-04得票数 7
我是原生react的初学者，对x秒延迟后的两个屏幕之间的导航感到非常困惑。
在react native中，如何在几秒钟后从闪屏切换到登录屏幕？
浏览 8提问于2019-11-30得票数 0
我有一个问题，我的应用程序停止在闪屏后，升级到处理较新的设备。我正在运行以下代码。
"react": "^16.2.0",
"react-native": "^0.51.0",
打包程序中没有错误，但在xCode中我看到了以下内容
Unhandled JS Exception: Module AppRegistry is not a registered
callable module (calling runApplication)
和
[tid:com.facebook.react.ExceptionsManagerQueu
浏览 4提问于2017-12-19得票数 5
2回答
我有一个带有动画的闪屏，我的应用程序有自定义字体。我的问题是:我应该在哪里加载字体？在App.js中还是在闪屏中？
我只想在加载了te字体并且选中了用户身份验证状态时启动闪屏动画。谈论性能..。我应该把所有这些操作都委托给闪屏吗？
浏览 0提问于2020-06-21得票数 0
1回答
我在我的应用程序中制作android闪屏，我使用React Native，但在android可绘制组件中制作闪屏。我不熟悉android，我想让我的图像在闪屏上上下弹跳。但是我不知道该怎么做。这是我的闪屏：
<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item android:drawable="@color/white&#
浏览 0提问于2018-11-13得票数 0
我是React Native的新程序员，我的代码遇到了这个问题，我正在尝试做一个闪屏，之后我想做一个将我重定向到另一个屏幕的登录。 启动画面运行良好，但当我在登录画面中按下"Entrar“按钮时，它崩溃并显示消息。 ` import React from 'react';
import { Image, Text, View } from 'react-native';
import { Asset, SplashScreen } from 'expo';
import Splash from './screens/Splas
浏览 11提问于2018-12-24得票数 0
1回答
我想在React Native中生成助记符。我已经克隆了。我导入了bip39，但在移动/模拟器中遇到此错误。在Chrome浏览器的调试模式下工作正常。
library Error: Secure random number generation is not supported by this browser
我安装了bip39 react本机库。但当我使用该模块时，应用程序无法打开并停留在闪屏中。我尝试使用其他库，如位核心bip39，但每个库都有相同的问题。
如何使用上面我克隆的React Native web3样板库在React Native中创建助记符？
浏览 60提问于2018-10-23得票数 0
我已经使用react-native- splash -screen插件创建了一个android闪屏。但是，在加载主应用程序屏幕之前，我必须对启动屏幕进行缩小转换。有人知道怎么做吗？
浏览 14提问于2020-08-18得票数 0
我在React Native中得到了意想不到的令牌，为什么要尝试实现一个简单的闪屏。我的代码看起来有点像这样
import {
createAppContainer,
createSwitchNavigator
} from 'react-navigation';
import SplashScreen from './components/Splashscreen';
import Login from './components/Login'
const HomeNavigator = createSwitchNavigator({
浏览 7提问于2019-11-17得票数 0
我试图在几秒钟后改变屏幕，这是为了在react原生中实现闪屏效果。我有一个主屏幕上的应用程序的起源。第一个屏幕的代码是：
import HomeUp from './HomeUp'
import Splash from './Splash'
import React, { Component } from "react";
export default class OriginPage extends Component {
constructor(props){
super(props)
this.state = {
compo
浏览 0提问于2018-08-22得票数 0
我正在使用react原生iOS应用程序，我想使用lottie动画启动屏幕或闪屏。最好的方法应该是什么。
浏览 0提问于2019-11-21得票数 0
1回答
我正在尝试学习如何构建一个react-native模块。我关注了，但我被困在了闪屏上。当我尝试运行我的应用程序时，我也得到了这个错误：Thread 1: signal SIGABRT
我没有修改index.ios.js中的任何代码，但我已经创建了两个文件：
GifMaker.h
#import <Foundation/Foundation.h>
#import "React/RCTBridgeModule.h"
@interface GifMaker : NSObject
@end
GifMaker.m
#import "GifMaker.h
浏览 5提问于2017-08-05得票数 0
尝试加载闪屏一段时间，但错误显示变量: Can't find ReferenceError: SetTimeout。 import React, { Component } from 'react';
import { Image, View } from 'react-native';
import { inject } from 'mobx-react';
@inject("stores")
export default class SplashScreen extends Component {
cons
浏览 21提问于2020-01-17得票数 0
回答已采纳
关闭并重新打开React Native应用程序时，给出警告:无法在卸载的组件上执行React状态更新。这似乎是我的条件渲染导致的，如果我删除了闪屏部分，那就没问题了。
在渲染堆栈之前建立Firebase连接时，显示闪屏的renderScreens()如下所示。这是有效的，但我一直收到在useEffect函数中清除的警告。
if (auth.initializing) {
return <RootStack.Screen name={'Splash'} component={SplashScreen} />;
}
return auth.user &&am
浏览 2提问于2020-05-24得票数 0
我有一个用React Native CLI编写的小项目，在归档并导出.ipa文件后，我得到了一个很大的文件，它有172MB！
我已经在释放模式下启用了Bitcode，并禁用了所有Flipper的东西，但大小仍然相同(大)
我怎样才能减少它？
请注意，我没有任何资产，如字体大图像，只有闪屏图像(4kb)
浏览 18提问于2021-02-18得票数 0
我正在使用flutter_native_splash 1.3.1包将闪屏添加到应用程序中。 在闪屏上显示的图像大小大于所需大小。减小闪屏上图像大小的正确方法是什么？
浏览 100提问于2021-11-10得票数 1
我想用flutter_native_splash包更改闪屏时间。
那么我该如何更改闪屏时间呢？
浏览 17提问于2021-11-25得票数 1
我正在用react-native构建一个移动应用程序，我希望它能够在运行时更改徽标和闪屏。
我知道如何更改徽标，但我找不到任何更改SplashScreen的解决方案。
有没有办法做到这一点？
浏览 3提问于2021-10-05得票数 0
我正在使用flutter_native_splash 1.3.1包将闪屏添加到应用程序中。这里我有两个问题。 Q1。在闪屏上显示的图像大小大于所需大小。减小闪屏上图像大小的正确方法是什么？ Q2。如何在闪屏图片下方添加文字，如下图所示？ figma文件(所需大小) ? 应用程序截图 ?
浏览 50提问于2021-11-07得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
实时音视频
即时通信 IM活动推荐
腾讯云开发者
