使用react-native-video庫(kù)做一個(gè)react native的視頻播放器。

首先是接入react-native-video庫(kù)

npm i -S react-native-video
react-native link

然后在一個(gè)組件中將它跑起來(lái)

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
                }}
                    //來(lái)自本地的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