react-native-video入门使用

react-native-video是一个热门的react-native视频播放框架，入门使用非常简单，官方文档讲了很多，但是用起来不需要考虑这么多。

一、和我一起操作

1. 安装依赖

npm install --save react-native-video

2. 链接库

react-native link

3. 编写代码

import Video from 'react-native-video'
... //省略其他代码
<Video 
  source={require('../../assets/dcw.mp4')}
  style={{width: 300, height: 300}}/>

4. 以下是效果图

效果截图.png

也可以使用网络图片，source改成source={{uri: 'https://xxx/xxx.mp4'}}即可。注意是uri不是url。

---

二、测试环境

react版本16.0.0
react-native版本0.51.0
react-native-video版本2.0.0
测试是真机测试，设备是iPhone 6

---

三、深入学习

如果想深入学习，作者稍后补充，敬请期待！或者，看官方文档，传送门。