首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >使GeometryReader符合内容高度

使GeometryReader符合内容高度
EN

Stack Overflow用户
提问于 2022-04-05 23:47:33
回答 1查看 361关注 0票数 2

我有一个GeometryReader,它在.25/.75比例中正确地空格了两个输入字段。

问题是,几何读取器的高度形成一个完美的方格,其中高度与宽度相匹配。

是否有办法使高度与内部的内容相一致?

代码语言:javascript
复制
        GeometryReader { geometry in HStack(spacing: 20) {
      MsInputField(fieldInput: $country, placeholder: Text("P"))
        .frame(
          width: geometry.size.width * 0.25
        )
      MsInputField(fieldInput: $phone, placeholder: Text("Phone"), preIcon: "DropDown", postIcon: "DropDown")
    }
    }

EN

回答 1

Stack Overflow用户

发布于 2022-04-06 00:57:03

GeometryReader占用父视图中的可用空间,因此您需要为GeometryReader设置宽度和高度,也可以为其中的h堆栈设置高度和宽度。

代码语言:javascript
复制
    GeometryReader { geometry in HStack(spacing: 20) {
       MsInputField(fieldInput: $country, placeholder: Text("P"))
      .frame(
      width: geometry.size.width * 0.25
       )
      MsInputField(fieldInput: $phone, placeholder: Text("Phone"), 
          preIcon: "DropDown", postIcon: "DropDown")
       }
       }.frame(width:150,height:50,alignment:.center)
票数 -1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/71759625

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档