如何使用几何阅读器使视图不扩展？

Question

我用过这样的几何阅读器

GeometryReader { r in
   ScrollView {
      Text("SomeText").frame(width: r.size.width / 2)
   }
}

问题在于阅读器垂直扩展很像Spacer()。 无论如何，我可以让它不这样做吗？

Answer 1

谷歌搜索后，我找到了这个答案here。

创建这个新结构

struct SingleAxisGeometryReader<Content: View>: View {
    private struct SizeKey: PreferenceKey {
        static var defaultValue: CGFloat { 10 }
        static func reduce(value: inout CGFloat, nextValue: () -> CGFloat) {
            value = max(value, nextValue())
        }
    }

    @State private var size: CGFloat = SizeKey.defaultValue
    var axis: Axis = .horizontal
    var alignment: Alignment = .center
    let content: (CGFloat)->Content

    var body: some View {
        content(size)
            .frame(maxWidth:  axis == .horizontal ? .infinity : nil,
                   maxHeight: axis == .vertical   ? .infinity : nil,
                   alignment: alignment)
            .background(GeometryReader {
                proxy in
                Color.clear.preference(key: SizeKey.self, value: axis == .horizontal ? proxy.size.width : proxy.size.height)
            }).onPreferenceChange(SizeKey.self) { size = $0 }
    }
}

然后像这样使用它

SingleAxisGeometryReader { width in  // For horizontal
   // stuff here
}

或

SingleAxisGeometryReader(axis: .vertical) { height in  // For vertical
   // stuff here
}

有了这个答案，它现在是通用的，无需更改代码。

Answer 2

因为背景总是适合实际视图大小。你可以使用这个技巧，在后台添加 GeometryReader 而不会改变视图本身的大小。

       ScrollView {
        
    }.background(
        GeometryReader { r in
            // stuff
        }
    )
}

Answer 3

如果它实际上不是您在顶部提供的代码，那么您实际上试图对视图做什么有点不清楚。不过，关于这一点，您可以交换 GeometryReader 和 ScrollView 的位置。 GeometryReader 所做的是找到可用空间的框架，并填充它。使用 ScrollView，实际高度为 0。所以，这个：

ScrollView {
       GeometryReader {r in
          Text("SomeText").frame(width: r.size.width / 2)
       }
    }