开发者社区

文档建议反馈控制台

文章/答案/技术大牛

发布

社区首页 >问答首页 >响应本机不使用minHeight的挠曲盒

问响应本机不使用minHeight的挠曲盒
EN

Stack Overflow用户

提问于 2022-02-04 14:12:57

回答 1查看 213关注 0票数 0

我的屏幕被分割成一个顶部和底部的部分，其样式如下：

<SafeAreaView>
  <View style={styles.top}>
    <Image source={img} style={styles.img}/>
  </View>
  <View style={styles.bottom}></View>
</SafeAreaView>

top: {
  flex: 1
},
img: {
  height: '100%',
  width: '100%',
  resizeMode: 'contain',
},
bottom: {
  flex: 2,
  minHeight: 450
}

然而，当我这样做时，下半部分占用的空间比屏幕的2/3要大得多，我不明白是什么原因造成了这种情况。当我删除minHeight时，除了我缺少minHeight这一事实之外，一切都按照预期的方式工作。

如果我正确理解了所有的东西，上面的部分应该占1/3，底部应该占2/3？我遗漏了什么？

EN

回答 1

Stack Overflow用户

发布于 2022-02-04 22:02:12

你们的风格是互相影响的。当将柔性箱和静态造型混合时要小心--结果往往不是你想要的。

尝试从width样式中删除img和height并添加flex: 1。还可以从minHeight中删除bottom。你的两个观点应该占其父视图的1/3和2/3。您可能想将minHeight设置为屏幕高度的百分比吗？我不知道你的设计有什么意义。

我发现这篇博文很有帮助：https://blog.reactnativecoach.com/understanding-flex-in-react-native-b34dfb4b16d1

票数 0

EN

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

原文链接：

https://stackoverflow.com/questions/70993411

复制

相关文章

RSA创新沙盒盘点｜Cado Security——云原生取证和响应

ado aws security splunk

RSAConference2022将于旧金山时间6月6日召开。大会的Innovation Sandbox（沙盒）大赛作为“安全圈的奥斯卡”，每年都备受瞩目，成为全球网络安全行业技术创新和投资的风向标。

绿盟科技研究通讯

2022/06/06

8170

RSA创新沙盒盘点｜Cado Security——云原生取证和响应

查看本机IP的方法

1. 打开网络和共享中心 2.更改适配器设置 3. 右键选择状态 4.选择详情 5.找到IP

微风-- 轻许--

2020/04/08

17.7K0

ios13 UITextField 设置leftView不响应不生效的问题

ios13 uitextfield

UIView *phoneView = [[UIView alloc]initWithFrame:CGRectMake(0, 0, 18, _phoneTextField.height)]; UIImageView *phoneImage = [[UIImageView alloc] initWithImage:[UIImage imageNamed:@"login_phone"]]; phoneImage.frame = CGRectMake(0, 10, 18, 23); [phoneView addS

Lee坚武

2020/01/08

1.8K0

HTTP响应头中可以使用的各种响应头字段

http https html 网络安全 xml

大佬教程：https://blog.csdn.net/flang6157/article/details/103287119

华创信息技术

2022/05/28

2.3K0

相信我，不记录核心接口的参数和响应，你会后悔的

spring https http 缓存网络安全

作者：fredalxin 地址：https://fredal.xin/http-body-recorder

猿天地

2021/05/07

8270

使用Python 3.5/3.6监听本机任意窗口中的按键操作

python 面向对象编程

原理：挂装全局钩子，监听底层键盘消息，然后获取当前窗口标题以及按下的键等信息。需要的模块：扩展库pyhook_py3k（注意，不要使用pyhook），pywin32。第一步，安装pywin32，地址：http://www.lfd.uci.edu/~gohlke/pythonlibs/#pywin32 第二步，下载pyhook_py3k，地址：https://github.com/Answeror/pyhook_py3k 第三步，下载swig.exe，地址：http://www.swig.org/dow

Python小屋屋主

2018/04/16

1.8K0

使用Python 3.5/3.6监听本机任意窗口中的按键操作

使用 Proxifier 将本机代理为服务器

咱们并不能直接使用 Proxifier 进行代理，需要为其先创建一个隧道。就好比咋给两个世界搞一个虫洞，让小飞机可以穿过虫洞到达另外一个世界。常见的 SSH 工具都有构建隧道的功能，我这里以 FinalShell 为例。毫无疑问，第一步先连接上服务器。第二步点击右下角设置 ☞ 然后选择隧道 ☞ 添加隧道。其中隧道名称可以任意填写，类型选择 SOCKS5，监听端口任意，该端口为隧道服务的端口，IP 为隧道的 ip，一般为 127.0.0.1。

Demo_Null

2020/09/28

4.8K0

使用 Proxifier 将本机代理为服务器

Flutter跨平台移动端开发

constrainedBox 可以给子 widget 添加更多约束条件。与 sizedBox 同通过 renderConstrainedBox 绘制

码脑

2019/05/25

2.9K0

不走寻常路的盒马，是零售企业还是科技企业？

随着国内经济形势的逐步恢复，阿里巴巴旗下新零售品牌：盒马也动作频繁。6月30日，盒马在北京、上海、广州、深圳、杭州、西安、合肥、郑州等八地，同时开出12家门店。这一大力度扩张计划，再次彰显出盒马对中国市场的信心，而在此次门店扩张后，消费者也将有机会体验到全新升级后的盒马鲜生门店，以及最优质的数字化门店购物体验。

刘旷

2023/07/06

2990

Python使用爬虫技术获取本机所在公网IP地址

tcp/ip http json

网络上有些网页，访问这些网页时会显示我们的公网IP地址。利用爬虫技术，编写Python程序向这样的页面发出请求，在返回的响应中会包含我们的公网IP地址，然后再根据返回的信息格式解析出公网IP地址就可以了。

Python小屋屋主

2020/05/08

3.6K0

Python使用爬虫技术获取本机所在公网IP地址

有时候，在登录到云服务器之后，可能需要在终端查询该服务器的ip。之前我都是用的 ip.cn ，但是感觉不行了。现在提供一些其他的可选择项： $ curl ipinfo.io { "ip": "60.205.205.243", "city": "", "region": "", "country": "CN", "loc": "34.7725,113.7270", "org": "AS37963 Hangzhou Alibaba Advertising Co.,Ltd." } $

魔王卷子

2019/05/31

7.2K0

白盒测试之Junit测试工具的使用

单元测试腾讯云测试服务 java eclipse ide

　　本篇讲解软件测试技术之Junit测试工具的使用。Eclipse中集成了JUnit，不用安装就可以在项目中测试相关的类，并且可以调试测试用例和被测试类，可以非常方便的编写TestCase。

顾翔

2021/04/26

1.8K0

白盒测试之Junit测试工具的使用

git的本机安装和配置

git eclipse ide

1.git的本机安装和配置：第一步下载安装：msysgit，下载地址为http://msysgit.github.io/ 下载安装之后，单击开始菜单，Git/Git Bush 在Bush 窗口中，输入以下命令,git --version 可以看到版本信息。设置你机器的用户名和email（将来eclipse的插件会自动读取出来。因为这时你即使cmd打开一个系统窗口，输入git命令，也会有反应。说明eclipse的插件的git命令也使用的是你刚装的msysgit。） git config --global user.name "mark" git config --global user.email "iscp9158_work@163.com"

马克java社区

2019/08/13

7400

使用libimobiledevice + ifuse提取iOS沙盒文件

https 网络安全 github ios git

libimobiledevice：一个开源包，可以让Linux支持连接iPhone/iPod Touch等iOS设备。

周希

2019/10/15

3.4K0

使用libimobiledevice + ifuse提取iOS沙盒文件

数字盲盒 | 在虚拟世界探寻“盒”的边界

前言 “生活就像是一颗巧克力，你永远不知道下一颗是什么滋味。”盲盒的诞生，给“box”的意象又增加了一份神秘。2020年作为大众广为人知的盲盒元年，随着12月第一支“盲盒股”在港交所挂牌上市，盲盒零售店和自动盲盒机都如雨后春笋一般席卷了大小消费集散地。抽盲盒、买盲盒、再到次级市场交易盲盒，一个百亿盲盒市场被快速“拆”了出来。从潘多拉的魔盒、薛定谔的猫，再到盲盒的隐藏款，“抽盒”在搭上潮玩这趟商业快车的同时，也在不断试探年轻的好奇心和为此豪掷千金的底线。根据《95一样玩家剁手力榜单》显示，收藏盲盒手

腾讯ISUX

2021/09/15

1.4K0

使用Reactor响应式编程

响应式编程不同于我们熟悉的命令式编程，我们熟悉的命令式编程即代码就是一行接一行的指令，按照它们的顺序一次一条地出现。一个任务被执行，程序就需要等到它执行完了，才能执行下一个任务。每一步，数据都需要完全获取到了才能被处理，因此它需要作为一个整体来处理。但是所谓的响应式编程是函数式和声明式的。响应式流处理数据时只要数据是可用的就进行处理，而不是需要将数据作为一个整体进行提供。事实上，输入数据可以是无穷的（例如，一个地点的实时温度数据的恒定流）。如下通过一个例子来描述响应式编程和命令式编程的差别：

东溪陈姓少年

2020/08/06

1.2K0

查看本机上的端口使用情况netstat -an「建议收藏」

tcp/ip https 网络安全

C:\Windows\System32>netstat -ano | find “8002” TCP 0.0.0.0:8002 0.0.0.0:0 LISTENING 2884 TCP [::]:8002 [::]:0 LISTENING 2884

全栈程序员站长

2022/09/06

5.5K0

查看本机上的端口使用情况netstat -an「建议收藏」

容器布局技巧模型入门

盒模型的默认行为,当给一个元素设置宽或高的时候，指定的是内容的宽或高，所有内边距、边框、外边距都是追加到该宽度上的。

Cellinlab

2023/05/17

1.9K0

点击加载更多

相似问题

反应-本机:挠曲盒对齐

24

右对齐反应本机挠曲盒

32

挠曲盒高度在反应本机

10

挠曲盒响应导航问题

10

图像内响应挠曲盒问题

30

添加站长进交流群

领取专属 10元无门槛券

AI混元助手 在线答疑

关注 腾讯云开发者公众号

洞察 腾讯核心技术

剖析业界实践案例

社区富文本编辑器全新改版！诚邀体验～

全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验