社区首页 >问答首页 >React Native: 100%高度的图像

问React Native: 100%高度的图像
EN

Stack Overflow用户

提问于 2020-11-27 11:35:18

回答 2查看 355关注 0票数 0

我有一个图像，它应该始终采用父大小的100%。宽度应该相应地调整，以保持图像的纵横比。宽度可以小于或大于父级。高度必须等于父大小。

<View style={{height: 220}}>
  <Image source={{uri: 'myuri.jpg'}} style={{height: '100%, ...?}} />
</View>

我只找到宽度固定而高度动态调整的解决方案。我想要的是相反的方式。

image

react-native

aspect-ratio

回答 2

Stack Overflow用户

发布于 2020-11-28 02:34:44

import { Dimensions } from 'react-native';

您可以使用以下代码获取应用程序窗口的宽度和高度：

<View style={{height: Dimensions.get("window").height}}>
  <Image source={{uri: 'myuri.jpg'}} 
         style={{
               height: Dimensions.get("window").height*0.5,
               width: Dimensions.get("window").width
               }} 
        />
</View>

使用这种方法，您可以按您想要的大小进行比例。

您还可以在此处查看文档。Dimensions

票数 0

Stack Overflow用户

发布于 2020-11-30 01:44:28

尝尝这个

<View style={{height: 220}}>
  <Image source={{uri: 'myuri.jpg'}} style={{height: '100%, width: 'auto'}} />
</View>

此外，resizeMode: 'contain'还可以为您提供很多帮助。

可能对您有帮助的参考资料：https://reactnative.dev/docs/image#resizemode

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/65036685

复制

如何在JavaScript中实现某个方法执行超时后则继续执行其它方法？

html5

异想天开，想用 setTimeout 来做个 workaround ，但是 setTimeout / setInterval 方法是在它所在的方法执行完之后才开始计时的，于是，光当一声，这个 workaround 不成立。

阿敏总司令

2019/02/28

1.9K0

mysql技巧：如果记录存在则更新/如果不存在则插入的三种处理方法

其他

新增一个员工时，如果该员工已存在(以员工号f_emp_code作为判断依据)，则更新，否则插入。而且工资f_salary，更新时，不得低于原工资（即：工资只能涨，不能降）。

菩提树下的杨过

2018/12/21

9.3K0

继续学习Shell脚本（详细）

编程算法 shell bash bash 指令

只需要在一个定义过的变量前面加上美元符号 $ 就可以了, 另外,对于变量的{} 是可以选择的, 它的目的为帮助解释器识别变量的边界.

心跳包

2020/08/31

6340

如果AIGC继续发展，你相信哪个世界？

api NLP 服务神经网络深度学习

今年以来，由游戏设计师杰森·艾伦使用AI绘图工具Midjourney绘制的作品《太空歌剧院》夺下了美国科罗拉多博览会的年度艺术比赛的首奖，引起艺术家和社交媒体的热议，也让AIGC（人工智能自动生成内容）概念成为AI界年度热词，并掀起了一股AIGC投资热潮。AIGC真如外界所宣传的那般美好吗？其背后的创新创业生态将如何构建？

用户9861443

2022/12/07

5870

执行接口脚本

http

4、执行接口脚本，此接口不能做为正常接口使用，只是一个最简单的连接接口，大家不要被迷祸

用户1168904

2021/05/17

8140

Python异常处理 -跳过异常继续执行

python 量化异常

当循环中出现异常时，如何跳过循环中的异常继续执行，下面是一种可行的方法： import pandas as pd dates=range(20161010,20161114) pieces=[] for date in dates: try: data=pd.read_csv('A_stock/overview-push-%d/stock overview.csv' %date, encoding='gbk') pieces.append(data) exce

py3study

2020/01/06

3.3K0

Blockly脚本执行

javascript 编程算法

Blockly应用程序需要将积木转换为代码来执行。添加积木JSON定义后，需转到generators/目录并选择与您要生成的语言（ JavaScript， Python， PHP， Lua， Dart等）相对应的子目录，编写积木执行代码。

用户7741497

2022/03/11

1.5K0

apisix 如何拦截插件继续往下执行

http

core.log.warn("plugin rewrite phase, conf: ", core.json.encode(conf))

空盒子里的巧克力糖

2022/12/02

5220

Unix\Linux 执行 shell 报错：“$'\r': 未找到命令” 的解决办法

windows unix linux

大多数原因是因为 shell 脚本是在 Windows 编写导致的换行问题，具体原因是 Windows 的换行符号为 CRLF（\r\n），而 Unix\Linux 为 LF（\n）。

叨叨软件测试

2021/06/16

4.7K0

$Unix\Linux 执行 shell 报错：“$'\r': 未找到命令” 的解决办法$

命令执行之绕过防火墙继续执行命令

php

我们在实战中经常会遇到命令执行漏洞，而由于现在各类waf横行，就会导致我们在执行一些命令时直接被waf拦截，比如执行cat /etc/passwd的时候，直接被拦截了关键字，导致我们无法成功执行。类似于下图这种。

鸿鹄实验室

2021/04/15

1.4K0

定时执行php脚本

php

第一个方法是最常见的, 如果php服务器上没有权限去crontab, 也可以找一个自己的机器定期crontab去请求服务器

IT工作者

2022/04/23

2.6K0

maven执行单元测试失败后继续

maven 单元测试腾讯云测试服务

最近在进行sonarqube与maven集成时，如果pom文件配置了sonarqube相关配置，那么在pom文件所在目录执行

johnhuster的分享

2022/03/28

1.8K0

crontab执行expect脚本

bash 指令 bash ssh unix

通过rsync的ssh差异备份方式同步本地目录到远端目录，expect代码如下，命令行手动执行即可

拓荒者

2019/07/01

2.2K0

postman脚本执行顺序

http

单一请求中，我们可以设置pre-request, test两个脚本。其执行顺序如下图所示：

跑马溜溜的球

2020/12/07

1.5K0

python查找页面元素脚本

html http android php

import urllib.request def gethtml(url='http://www.baidu.com'):

用户5760343

2022/05/14

1.2K0

[PHP] PHP的脚本执行

php 打包缓存

PHP的脚本执行： PHP的脚本执行还是会经过编译环节，只不过它们一般会在运行的时候实时进行编译 1.启动PHP及Zend引擎，加载注册的扩展模块 2.读取脚本文件，Zend引擎对脚本文件进行词法分析，语法分析。 3.编译成opcode执行 4.如果安装opcode缓存扩展(如APC， xcache， eAccelerator等)，可能直接从缓存中读取opcode执行

唯一Chat

2019/09/10

1.7K0

MongoDB执行JS脚本

数据库 mongodb 脚本连接语法

郭顺发

2023/07/06

7670

mongodb执行js脚本(一)---shell执行

json mongodb shell 云数据库 MongoDB 数据库

拓荒者

2019/06/16

9.4K0

Java执行脚本

腾讯云开发者社区

特殊说明：解决问题的光鲜，藏着磕Bug的痛苦。万物皆入轮回，谁也躲不掉！以上文章，均是我实际操作，写出来的笔记资料，不会出现全文盗用别人文章！烦请各位，请勿直接盗用！

收心

2022/01/14

6130

动态执行脚本

https 网络安全编程算法 javascript node.js

提到动态执行脚本，大家想到的肯定是 eval 或 new Function()，在 nodejs 中有专属的 vm 模块，可以完成相应的 sandbox 作用。

奋飛

2020/05/28

3.5K0

相似问题

响应useEffect清理

获取数据后的reactjs useEffect清理功能

react useEffect未清理事件侦听器

248

如何清理useEffect函数？

useEffect清理/内存泄漏

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

问React Native: 100%高度的图像
EN

回答 2

Stack Overflow用户

Stack Overflow用户

响应useEffect清理

获取数据后的reactjs useEffect清理功能

react useEffect未清理事件侦听器

如何清理useEffect函数？

useEffect清理/内存泄漏

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Native: 100%高度的图像EN

回答 2

Stack Overflow用户

Stack Overflow用户

响应useEffect清理

获取数据后的reactjs useEffect清理功能

react useEffect未清理事件侦听器

如何清理useEffect函数？

useEffect清理/内存泄漏

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问React Native: 100%高度的图像
EN