将纵向视频转换为横向React-Native Android

Question

我现在的问题是，以横向模式录制的视频在横向观看时会被切断或放大。发生的事情是用户必须向下滚动才能看到视频的长度，因为宽度设置为100％。我能够在视图样式中添加35％的左右填充，以使视频适合屏幕，但它看起来不太稳健，因为它仍然在不同的设备上略微切断。对于这种情况，有没有任何造型建议？我是新手，所以如果你想了解更多关于这个问题的信息，请告诉我。

Answer 1

您可以尝试使用<Video />将<View />组件包装在父flex: 1中。这样的事情会起作用-

<View style={{flex: 1}}>
   <View style={{flex: 1}}/>
   <Video style={{flex: 1}} resizeMode="contain" />
   <View style={{flex: 1}}/>
</View>

resizeMode="contain"将保持视频的宽高比，而其他两个<View />将占据相等的空间，从而使纵向视频以横向呈现。