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

【问题标题】：Converting portrait video to landscape React-Native Android将纵向视频转换为横向 React-Native Android
【发布时间】：2020-12-01 15:51:33
【问题描述】：

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

【问题讨论】：

标签： react-native

【解决方案1】：

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

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

resizeMode="contain" 将保持视频的纵横比，而另外两个 <View />s 将占据相同的空间，从而使纵向视频以横向呈现。

【讨论】：