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'
... //省略其他代码
4. 以下是效果图
react-native-video入门使用_第1张图片
效果截图.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


三、深入学习

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


欢迎加我微信,拉进群交流哦!


微信二维码

你可能感兴趣的:(react-native-video入门使用)