react-native 设置android版本启动图

最新推荐文章于 2025-06-28 11:42:58 发布
原创 最新推荐文章于 2025-06-28 11:42:58 发布 · 2.8k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文介绍了使用React Native创建启动页面的具体步骤，包括图片资源管理、launchImage组件制作及导航替换等关键技术点。适合React Native初学者参考。
1、图片资源，（命名方式）

2、将文件夹放入改目录下



3、做一个launchImage组件，android.js首先进入launchImage.js



4、进入launchImage后，停留N秒以后替换导航



这是我在学习react-native过程中写的两个简单的App，大家可以下载看看，对初学者还是有帮助的，如果觉得还可以，给个星，嘿嘿，谢谢，与君共勉微笑！

https://github.com/jiaoyindong/react-native-simpleApp.git

https://github.com/jiaoyindong/react-native-hubaoTV.git





React Native集成react-native-splash-screen(App启动图)
战丶后风！！的博客
02-28 2468
1):下载插件 参考链接:https://github.com/crazycodeboy/react-native-splash-screen #安装依赖 npm i react-native-splash-screen --save #链接依赖库、若链接失败请再次执行npm install命令后重新链接 react-native link react-native-splash-screen...
【React Native】修改Android端应用的图标
qq_2511276124的博客
03-06 983
修改android应用的图标的步骤，效果如下： Android应用的app图标在 /android/app/src/main/res 下： 在替换之前要准备好图标各精度的图片。 图标工厂，这个网站可以快速免费生成图标文件供使用。 替换下面文件夹内的图片 以mipmap-hdpi文件夹为例： 图片默认名 ic_launcher.png，若你的图片名不想使用默认的，把图片放到指定文件夹后，还需要修改 /android/app/src/main/AndroidManifest.xml配置文件，将下图框住的修改
react-native设置启动页
qq_53761321的博客
06-10 1574
ios。
ReactNative【实战系列教程】我的小红书 1 -- 创建项目，自定义APP名称，图标，启动页，集成 Ant Design Mobile RN，封装 axios，定义接口，添加本地存储，状态管理
最新发布
朝阳39的博客
06-28 547
app.json"name": "我的小红书",自适应图标 assets/images/adaptive-icon.png网页图标 assets/images/favicon.pngapp 安装图标 assets/images/icon.png全部替换为下图（名称保持不变）若更改图标后，模拟机上未更新，则需清除模拟机上的缓存最终效果如下将 assets/images/splash-icon.png 改为启动页图片（此处仍用 log ，效果如下图）// 防止启动页自动消失。
向您的React-Native应用程序添加启动画面的最简单方法！
weixin_26739079的博客
08-21 862
So, you’ve tested and perfected your app. Now before shipping it off for production, you want to add a cool splash screen to it, but how exactly do you add a splash screen to a React-Native app??? 因此，...
React native 之android的图标和启动图片
weixin_30488085的博客
08-24 185
哎哎呀呀，上篇说到了react native的IOS的图标和启动图片的设置，其实最主要的是尺寸！相应的尺寸设定好了以后就不会报错了！ ok~这篇说的是React native的android的图标和启动页面！！！！！ 1.图标： 其实android的图标设置很简单，一般情况下只需要替换就可以了（当然你也可以不去替换，在资源管理的R.java里面设置也可以，这里不建议） 注意的是在res...
react-native-picker-module:React Native Picker Module Android和IOS
05-27
适用于Android和IOS的React Native Picker模块 使用此程序包，您可以轻松使用具有onPress功能的选取器。 使用IOS的react-native-modal和@react-native-community/picker AlertDialog组件，以及将Android的...
react-native-east-fs:在react-native-fs基础上做一些改进，使其可以断点续传
05-15
`react-native-fs`是一个广泛使用的库，它为React Native提供了原生的文件系统API，允许开发者在iOS和Android平台上进行文件操作。然而，`react-native-fs`在默认情况下并不支持断点续传功能，这对于处理大文件下载...
react-native-background-downloader:React-Native的库可帮助您在前台和最重要的是在后台下载iOS和Android上的大文件
04-29
React-Native的库可帮助您在前台和最重要的是后台下载iOS和Android上的大文件。 为什么？ 在iOS上，无论您的应用程序是处于后台状态还是被操作系统终止，无论您NSURLSession状态，如果您都希望下载大文件，则必须...
详解React-Native全球化多语言切换工具库react-native-i18n
11-28
React-Native-i18n是一个专门用于React Native应用的全球化多语言切换工具库，它使得开发者能够方便地在iOS和Android平台上实现应用的本地化。这个库提供了简单易用的API，帮助开发者处理多语言环境下的文本资源，...
有效好用组件之启动屏react-native-splash-screen
梦家之家
04-11 6930
详细的介绍react-native-splash-screen。 一、下载 React-native-splash-screen 在项目根目录打开终端运行             npm react-native-splash-screen --save   二、安装(自动安装或手动安装)      自动安装终端运行：             rea
React-Native iOS启动闪白屏问题完美解决方案：react-native-launch-image
大灰狼的小绵羊哥哥的博客
04-22 3095
由于RN首次启动的时候，需要加载整个bundle，再render出首页面，这个过程通常需要耗费总计几百毫秒到一两秒不等。在默认工程中，这个过程中给用户展示出的都是白色的背景，因此用户会感觉到屏幕有一小段时间的白屏，从而影响用户体验。 为了解决这个问题，我们寻找了一些方法，最后推出了这个开源组件。 安装 如果你之前没有用过rnpm，请先安装rnpm 安装 如果你之前没有用过rnpm，请
android启动页使用gif,android中使用react-native设置应用启动页过程详解
weixin_35135418的博客
05-27 498
一、背景在我们使用react-native进行编写代码的时候，当启动应用的时候，我们会看到如下界面然而，这样的启动界面是非常的不又好，那么我们该怎么进行处理启动界面呢？有如下两种方案二、方案1.使用第三方库(react-native-splash-screen)2.ios系统设置(仅适用ios系统，在这里不做讲解)三、具体实现方式一).react-native-splash-screen1.安装n...
react-native设置应用启动页
热门推荐
suwu150
07-29 1万+
2、选中Image.xcassets ➜ LaunchImage，就是上一步创建的LaunchImage，右侧框中的部分是让你选择要支持的系统，横竖屏之类的（这个按照需求选择，如果你的项目不打算支持ios6可以不选择）。3、选中LaunchScreen.xib,会有个弹出框，默认选择确定就行，然后把右边的 Use Launch Screen 取消选中（因为ios可以用来自定义图片启动屏幕或通过 LaunchScreen.xib启动屏幕，ios默认s设置，我们在这里取消掉默认设置的）。
react-native 启动屏及App图标设置
weixin_43947842的博客
09-07 2355
学习目标： ios参考链接 https://www.jianshu.com/p/9ae43558fce6 提示：这里可以添加学习目标 例如：一周掌握 Java 入门知识 学习内容： 提示：这里可以添加要学的内容 例如： 1、 搭建 Java 开发环境 2、 掌握 Java 基本语法 3、 掌握条件语句 4、 掌握循环语句 学习时间： 提示：这里可以添加计划学习的时间 例如： 1、 周一至周五晚上 7 点—晚上9点 2、 周六上午 9 点-上午 11 点 3、 周日下午 3 点-下午 6 点 学习产出：
使用React Native源码编译Android项目
大前端程序猿
04-02 1万+
前言 公司的项目用到了React Native，最近通过后台监控到一些崩溃问题，主要出在React Native Java侧的源码中，由于不太好改这个问题，于是希望通过修改React Native源码达到规避Crash的问题，下面记录编译React Native源码的过程。 准备工作 ...
React Native 修改安卓应用图片和名称
读心悦
10-27 873
在React Native（RN）项目中，修改安卓应用图标和名称通常涉及对Android原生代码的一些修改。
React-native Android启动页
黄叔的博客
04-23 3821
最近做一个项目，要用到启动页这个来解决启动白屏，就弄了一下，虽然网上一堆教程，但是还是踩了一堆坑，现在搞出来了，记录一下下面是插件的GitHub地址https://github.com/crazycodeboy/react-native-splash-screen1、npm i react-native-splash-screen --save2、react-native link react-n...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值