react-native-video 视屏播放期的使用

安装：yarn add react-native-video

react-native link react-native-video

import React, {
    Component
} from 'react';
import {
    StyleSheet,
    View,
    BackHandler,
    TouchableOpacity,
    Image,
    Text,
    ScrollView
} from 'react-native';
import { Button, InputItem, List,Icon,Checkbox } from '@ant-design/react-native';
import Video from 'react-native-video';
export default class WatchScreen extends Component {
    static navigationOptions = {
        header: null
    };
    componentWillMount() {
        BackHandler.addEventListener('hardwareBackPress', this.onBackAndroid);
    }
    componentWillUnmount() {
        BackHandler.removeEventListener('hardwareBackPress', this.onBackAndroid);
    }
    onBackAndroid = () => {
        this.props.navigation.goBack();
        return true;
    };
    render() {
        const {navigation} = this.props;
        return (
            <View>
                <View flex-start',marginLeft:10}}>
                            <Image source={require('../../assets/images/logo.png')} FriendAdd')
                        }} flex-end',marginRight:10}}>
                            <Icon #fff',paddingLeft:10}} name={'eye'}/>
                        </TouchableOpacity>
                    </View>
                </View>
                <ScrollView>
                    <View 100%'}}>
                        <List>
                            <List.Item>
                                <Text>周杰伦《告白气球》</Text>
                                <Video
                                    source={require('../../assets/video/gbqq.mp4')}
                                    row',
        backgroundColor: '#0187FB',
        borderBottomWidth: 1,
        borderColor: '#ddd'
    },
    flex1: {
        flex: 1,
        justifyContent: 'center',
        alignItems: 'center',
    },
    avatar: {
        width: 50,
        height: 50,
        borderRadius: 25
    },
    title: {
        fontSize: 20,
        color: '#fff'
    },
    add: {
        fontSize: 18,
        color: '#fff',
    },
    fullScreen: {
        flex:1,
        flexDirection: 'row',
        height:200,
    },
});