react-native-video 配置

彭飞虎
2023-12-01

今天配置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的按以下方法配置

android/settings.gradle

文件尾添加:

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

android/app/build.gradle

dependencies下添加implementation project(':react-native-video')

dependencies {
    ...
    implementation project(':react-native-video')
}

android/app/src/main/com/文件名/MainApplication.java

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获取。
因此我们还需要配置

android/build.gradle

allprojects下添加如下配置:

allprojects {
    repositories {
        .... # rest of your code
        jcenter() {
            content {
                includeModule("com.yqritc", "android-scalablevideoview")
            }
        }
    }
}

至此环境就配好了,如果还有什么问题欢迎大家提问~

 类似资料: