使用react-native-video庫做一個react native的視頻播放器睛竣。
首先是接入react-native-video庫
npm i -S react-native-video
react-native link
然后在一個組件中將它跑起來
import React from 'react';
import {View} from 'react-native';
import styles from '../sytles/demostyle';
import Video from 'react-native-video';
export default class PlayerScreen extends React.Component {
video;
render() {
return (
<View style={styles.container}>
<Video
ref={(ref) => {
this.video = ref
}}
//來自本地的MP4視頻
source={require('../../assets/dcw.mp4')}
//1.0表示默認(rèn)速率
rate={1.0}
//圖片等比例縮放
resizeMode='contain'
//不重復(fù)播放
repeat={false}
//默認(rèn)音量
volume={1.0}
//樣式
style={styles.backgroundVideo}/>
</View>
);
}
}
效果如下
image.png
