xcode下swift .infinity报Invalid frame dimension (negative or non-finite)错误

xcode又报错了:Invalid frame dimension (negative or non-finite)

报错原因

xcode升级后,调整frame的时候不建议使用width: .infinity或者height: .infinity

解决办法

1.使用 maxWidth 属性:

通过将 frame 的宽度属性更改为 maxWidth,可以确保图像在不超出合理范围的情况下自适应宽度。修复后的代码如下:

.frame(maxWidth: .infinity, maxHeight: 400)

2.使用 UIScreen 尺寸:

使用屏幕的宽度作为图像框架的宽度,这样可以确保图像适应屏幕的宽度。修复后的代码如下:

.frame(maxWidth: UIScreen.main.bounds.width, maxHeight: 400)

3.使用.none尺寸

当你不确定内容尺寸大小的时候,或者不得不设置一个尺寸的时候,可以使用.none试试

.frame(maxWidth: .none, maxHeight: 400)

相关推荐
小魔女千千鱼1 分钟前
在 Vue 中,this 的行为在箭头函数和普通函数中是不同的
前端·javascript·vue.js
霍理迪39 分钟前
CSS盒模型布局规则
前端·javascript·css
千寻girling1 小时前
面试官: “ 说一下 JS 中什么是事件循环 ? ”
前端·javascript
程序员龙语1 小时前
CSS 高级选择器应用
前端·css
Cassie燁1 小时前
el-table源码解读2-2——createStore()初始化方法
前端·javascript·vue.js
程序员修心1 小时前
CSS文本样式全解析:11个核心属性详解
前端·css
旧梦吟1 小时前
脚本网站 开源项目
前端·web安全·网络安全·css3·html5
北极糊的狐2 小时前
按钮绑定事件达成跳转效果并将树结构id带入子页面形成参数完成查询功能并将返回的数据渲染到页面上2022.5.29
前端·javascript·vue.js
幽络源小助理2 小时前
幽络源二次元分享地址发布页源码(HTML) – 源码网免费分享
前端·html
全栈前端老曹2 小时前
【ReactNative】页面跳转与参数传递 - navigate、push 方法详解
前端·javascript·react native·react.js·页面跳转·移动端开发·页面导航