今天配置react-native-video,踩了一些坑,在这里记一下~
版本:
“@types/react-native-video”: “^5.0.12”,
“react-native”: “0.67.2”,
(非typescript版本同样可以如下配置,为android端配置)
对于react-native版本低于 0.60 的可以直接用react-native link react-native-video
版本大于0.60的按以下方法配置
文件尾添加:
include ':react-native-video'
project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android-exoplayer')
dependencies下添加implementation project(':react-native-video')
dependencies {
...
implementation project(':react-native-video')
}
getPackages()中添加packages.add(new ReactVideoPackage());
@Override
protected List<ReactPackage> getPackages() {
@SuppressWarnings("UnnecessaryLocalVariable")
List<ReactPackage> packages = new PackageList(this).getPackages();
// Packages that cannot be autolinked yet can be added manually here, for example:
// packages.add(new MyReactNativePackage());
packages.add(new ReactVideoPackage());
return packages;
}
经过如上配置后可能会出现
Could not find com.yqritc:android-scalablevideoview:1.0.4.
这里其实是因为jCenter不允许更新包,所有其他包应该从mavenCentral获取。
因此我们还需要配置
allprojects下添加如下配置:
allprojects {
repositories {
.... # rest of your code
jcenter() {
content {
includeModule("com.yqritc", "android-scalablevideoview")
}
}
}
}
至此环境就配好了,如果还有什么问题欢迎大家提问~