框架地址
https://github.com/crazycodeboy/react-native-splash-screen/tree/master
问题描述:
由于本人使用的RN版本为0.51
使用 npm i react-native-splash-screen --save安装导入后
出现错度(是由于android studio版本原因)
com.android.support:appcompat-v7:26.0.1
...
所以使用(以下命令安装较早版本按照框架步骤)
1.npm i react-native-splash-screen@3.0.6 --save
2.react-native link react-native-splash-screen
Android：
3.进入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);
}
// ...other code
}
4.创建文件夹和文件 launch_screen.xml in app/src/main/res/layout
4.1 在launch_screen.xml文件中写入
<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
android:orientation="vertical"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:background="@drawable/launch_screen">
</LinearLayout>
4.2 创建文件app/src/main/res/values/colors.xml 在colors.xml写入
<?xml version="1.0" encoding="utf-8"?>
<resources>
<color name="primary_dark">#000000</color>
</resources>
iOS：
5.按照以下方式导入和使用 这里官方文档(#import "RNSplashScreen.h")导入出错)
#import "SplashScreen.h"
@implementation AppDelegate
- (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions{
// ...other code
[RNSplashScreen show];
return YES;
}
@end
5.1 可以使用 LaunchImage or LaunchScreen.xib
