React native 第三方组件 React-native-video

简介

这个组件封装了React-Native平台的播放器组件Video

使用方法:

1.安装:

1. 执行命令:

npm i -S react-native-video

2. 重新编译项目,执行命令:

react-native link

2.导入原生模块

1. iOS 11平台首先找到AppDelegate.m文件,
2. 首先导入包，在此文件顶部添加如下代码:
   #import
3. 然后,修改代码:

    ...
    [[AVAudioSession sharedInstance] setCategory:AVAudioSessionCategoryAmbient error:nil];  // allow
    ...
}

2. Android 平台相对复杂:

1. 首先，找到 android/settings.gradle 这个文件，在其中加入以下代码：
   ``` include ':react-native-video'
    project(':react-native-video').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-video/android')```
2. 找到 android/app/build.gradle 这个文件，在 * dependencies *大括号的方法中添加如下代码：
    ```compile project(':react-native-video')```
就像这样：
    ``` 
dependencies {
       compile project(':react-native-video')
    }```

3. 如果你的 react-native版本<0.29，那么找到MainActivity.java 这个文件，在最顶部添加：```import com.brentvatne.react.ReactVideoPackage;```
并且在下面的代码中添加：new ReactVideoPackage()

   如果你的 react-native版本>=0.29，那么就找到MainApplication.java这个文件，在顶部添加：```import com.brentvatne.react.ReactVideoPackage;```

   并且在下面的代码中添加：new ReactVideoPackage()

   就像这样：

@Override
protected List getPackages() {
  return Arrays.asList(
      new MainReactPackage(),
      new ReactVideoPackage()
  );
}

### 3. 使用例子: