Как сделать так, чтобы видео подходило для просмотра в React Native?
Я использую react-native-video
<View style = {styles.videoView}>
<Video
source = {{ uri: strings.sourceUri+"posts/"+this.state.videoSrc }}
ref = {(ref) => { this.player = ref }}
repeat = {true}
resizeMode = "contain"
style = {styles.videoStyle}
/>
</View>
Стили
videoView: {
justifyContent:'center',
alignItems: 'center',
flex: 1,
flexDirection: 'column',
},
videoStyle: {
position: 'absolute',
top: 0,
left: 0,
bottom: 0,
right: 0,
},
Итак, я получаю видео из API. И я хочу показать это в своем плоском списке. Но видео либо становится меньше, если я использую resizeMode = "contain", либо размер увеличивается, если я использую resizeMode = "cover". Может кто-нибудь, пожалуйста, скажите мне, как мне сделать масштабирование моего видео, чтобы оно соответствовало представлению.
Я использую react-native-camera. Пожалуйста, помогите мне, я застрял на этом со вчерашнего дня.
Ответы 1
Вы можете попробовать следующую настройку: Может помочь установка высоты видео относительно его родительского представления.
videoView: {
flex: 1,
flexDirection: 'column',
justifyContent: 'center',
alignItems: 'center',
},
videoStyle: {
alignSelf: 'center',
height: '80%',
resizeMode: 'contain'
},
Я сделал ту же настройку для просмотра изображения. У меня были проблемы с масштабированием логотипа, поэтому я сделал это. Надеюсь, поможет.
Обновлено: так как я не могу ответить на комментарии еще. Ознакомьтесь с этой подробной статьей об использовании видео с помощью React Native. Там очень подробная информация. https://medium.com/quick-code/react-native-video-component-68262bcbc21f
добавьте resizeMode в качестве опоры на видео, как вы это сделали.
Это дает мне предупреждение, что я не могу использовать
resizeModeвvideoStyle.