ReactNative之Video组件攻略

GitHub地址

安装步骤

• Android:

npm install --save react-native-video    /     yarn add react-native-video

自动配置：

react-native link react-native-video        链接react-native-video库

如果配置失败需要手动配置.

• 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')
}

• MainApplication.java

顶部位置添加
import com.brentvatne.react.ReactVideoPackage;

• 重写getPackages()

 @Override
     protected List getPackages() {
       @SuppressWarnings("UnnecessaryLocalVariable")
       List packages = new PackageList(this).getPackages();
       // Packages that cannot be autolinked yet can be added manually here, for example:
       packages.add(new ReactVideoPackage());
       return packages;
     }

基本使用方法：

 this.state = {
      rate: 1,
      volume: 1,
      muted: false,
      resizeMode: 'contain',
      duration: 0.0,
      currentTime: 0.0,
      paused: true,
    };