栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > 后端开发 > Java

react-native-splash-screen安装及建立链接

Java 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

react-native-splash-screen安装及建立链接

一、下载 react-native-splash-screen --save
npm i react-native-splash-screen --save
二、自动安装终端链接
react-native link react-native-splash-screen 
或 
rnpm link react-native-splash-screen
三、手动安装终端链接

1.在 android/settings.gradle 文件中添加下列代码:

include ':react-native-splash-screen'
project(':react-native-splash-screen').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-splash-screen/android')

2.在 android/app/build.gradle 文件中添加 :react-native-splash-screen

dependencies {
    implementation project(':react-native-splash-screen') // 新增
}

3.更新MainApplication.java 文件

import org.devio.rn.splashscreen.SplashScreenReactPackage; //新增
官方文档需要增加:new SplashScreenReactPackage() ,在RN0.68+版本中无需增加以下代码(自测)
@Override
        protected List getPackages() {
            return Arrays.asList(
                    new MainReactPackage(),
            new SplashScreenReactPackage()  //添加这一句
            );
        }
        

4.更新 MainActivity.java 文件如下:

import android.os.Bundle;
import org.devio.rn.splashscreen.SplashScreen; 
public class MainActivity extends ReactActivity {
	@Override
 	 protected void onCreate(Bundle savedInstanceState) {
      		SplashScreen.show(this);
      		super.onCreate(savedInstanceState);
 	 }
}
四、使用
import SplashScreen from 'react-native-splash-screen'
五、launch_screen文件新增及配置:androidappsrcmainreslayoutlaunch_screen.xml


    
    

六、创建文件launch_screen.png,在以下几个文件中放置该图片
androidappsrcmainres:
drawable-hdpi
drawable-ldpi
drawable-mdpi
drawable-xhdpi
drawable-xxhdpi
drawable-xxxhdpi
转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/857537.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号