当前位置: 首页 > 知识库问答 >
问题:

如何使全屏图像横向定向在反应原生?

岳炎彬
2023-03-14

我对如何使全屏图像横向方向感兴趣,但没有高度:100%,所以宽度将是100%,但高度是多少,因为在反应原生高度:不工作=

共有2个答案

云卓
2023-03-14
  1. 首先,安装名为 @react原生社区/钩子的软件包 ( npm i @react原生社区/钩子 )
  2. 然后从上面的包中导入使用diment并使用“设备定位”。示例:导入 {useDimentions,使用设备定向 } 从“@react原生社区/钩子”中解构它们,如:const { 横向,纵向 } = 使用设备定向();const { 屏幕, window } = useDimensions();横向,纵向是布尔屏幕,窗口是具有高度,宽度等的对象(只需通过控制台检查.log)
  3. 然后使用屏幕高度或窗口高度获取设备的高度
曾航
2023-03-14

像这样尝试

 <View style={{ flexDirection: 'row',}}>
      <Image
        style={{
        flex: 1,
        width: null,
        height: '100%',
        overflow: 'hidden',
     }}
     resizeMode='contain'
     source={{ uri: 'image path' }}
   />
 类似资料:
  • 我正在创建一个全屏灯箱幻灯片/旋转木马,并使用srcset提供最合适的图像。 然而,我不确定如何解决这个问题,因为我的照片是双向的——横向和纵向。 根据图像纵横比、图像大小和屏幕大小,某些图像的最大宽度优先,其他图像的最大高度优先。 在某些情况下,所有图像都在宽度第一(考虑纵向方向)或高度第一(考虑横向方向)时达到最大值。 tl; dr-并不总是宽度或高度被最大化===这很复杂 我怎么能把它写为大

  • 我正在使用jQuery创建一个图片库。是否有任何可能性使用jQuery计算图像是风景还是肖像? 感谢您的支持。

  • 我使用Owl Carousel在带有Javascript和jQuery的Carousel中显示图像。我有肖像和风景图片,还有CSS: 横向图像遵守宽度的100%限制,全图显示在屏幕上;肖像图像不符合100%的高度限制,图片显示在一个或两个屏幕上,需要向下滚动。我希望纵向图片能够调整大小,并在横向屏幕上完全显示,就像我希望横向图片能够在纵向屏幕上完全显示一样。 我用CSS尝试了最大高度和最大宽度的解

  • 我想在一个容器中显示许多图像,但如果图像是横向的,它还不错,但如果图像是纵向的,当我插入它时,它会显示拉伸。它显示每一张图片景观,它不漂亮。我想显示每个图像,因为它的原始方向和容器的最大高度为415px。这是我的输出:风景图像纵向图像请帮助这是我的代码。

  • 目前,我正在开发一个处理图片的应用程序。我正在根据图像是纵向还是横向来修改imageview。 我知道我可以通过比较图像的高度和宽度来弄清楚图像是纵向还是横向。 但我面临的问题是,有些图像是纵向的,但图像的宽度大于高度。以下是这些图像: 图像1 图像2 上面的图片是肖像,但如果你计算高度和宽度,你会发现宽度大于高度。 Android中是否有任何方法可以返回图像是纵向还是横向?

  • 所以我用下面的方法设置了摄像头- 如您所见,我在摄像机参数上使用了setRoation()来实际指定图像方向,并在摄像机本身上使用了setDisplayOriation()来处理表面预览中的方向更改。(注释和未注释的代码似乎都没有保留方向。当我检查数据时,它返回0) 之后,在回调中,我甚至尝试使用矩阵保存具有方向的图像。 实际问题 > 当我在肖像模式下拍照时,一切正常。它看起来像是被拿走了。 但是