2017-01-26 12 views
0

私はreact-native-video-playerを使用していますが、ビデオプレーヤーのサイズを調整するのが難しく、大きすぎて画面に収まらず、コントロールボタンが使用可能なスペースに収まりません。ビデオプレーヤーのサイズを小さくするにはどうすればいいですか?

import React, { Component } from 'react'; 
import { View, Text } from 'react-native'; 
import VideoPlayer from 'react-native-video-player'; 

export default class VideoPage extends Component { 

    render() { 
    return (
    <View> 
     <VideoPlayer 
     video={{ uri: 'file:///storage/emulated/0/Download/sample_video.mp4' }} 
     videoWidth={1280} 
     videoHeight={720} 
     /> 
    </View> 
    ); 
    } 
} 

これは私が今持っているものですが、これは問題ではありません。

enter image description here

私はそれを小さくする方法といくつかの助けを必要としています。私は幅が&の高さを指定しようとしましたが、それはそのままでは何も変わりません。たぶん私には分からないことがありますか?

ご協力いただきありがとうございます。

+0

videoWidhtとvideoHeightは機能しませんか? – skAstro

+0

@skAstro正確には、動作しません。ここに設定したサイズは適用されず、変更もありません。 – SuperManEver

答えて

2

あなたのビデオプレイヤーではなく、スタイリングであなたのビューにサイズを設定します。

import React, { Component } from 'react'; 
import { View, Text } from 'react-native'; 
import VideoPlayer from 'react-native-video-player'; 

export default class VideoPage extends Component { 

    render() { 
    return (
    <View style={{width: 1280, height: 720}}> 
     <VideoPlayer 
     video={{ uri: 'file:///storage/emulated/0/Download/sample_video.mp4' }} 

     /> 
    </View> 
    ); 
    } 
} 
関連する問題