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
三、深入学习
如果想深入学习,作者稍后补充,敬请期待!或者,看官方文档,传送门。











网友评论