SwiftUI Layout Guides
This micro-library exposes UIKit's layout margins and readable content guides to SwiftUI.
Usage
Make a view fit the readable content width
Simply call the fitToReadableContentWidth() modifier:
List {
ForEach(…) {
Cell()
.fitToReadableContentWidth()
}
}
Expose the layout margins in a block
Wrap your view in the WithLayoutMargins view. The initializer supports two variants: one closure without argument and one closure with a EdgeInsets argument. In this last case, the insets correspond to the layout margins for the content:
WithLayoutMargins { layoutMarginsInsets in
Text("ABC")
.padding(.leading, layoutMarginsInsets.leading)
}
Expose layout margins and readable content guides in a view
You need two wrap your view in WithLayoutMargins (you can use the argument-less closure). This will populate the content's Environment with the layout margins and readable content in the form of insets.
WithLayoutMargins {
Content()
}
struct Content: View {
@Environment(\.layoutMarginsInsets) var layoutMarginsInsets
@Environment(\.readableContentInsets) var readableContentInsets
var body: some View {
Text("ABC")
.padding(.leading, layoutMarginsInsets.leading)
…
}
}
These insets are only valid for the bounds of the root content view. Using them deeper in the hierachy may lead to insconsitent results and you should use the measureLayoutMargins() modifier if you want to refresh the insets for the target view.
Installation
Add .package(url: "https://github.com/tgrapperon/swiftui-layout-guides", from: "0.0.1") to your Package dependencies, and then
.product(name: "SwiftUILayoutGuides", package: "swiftui-layout-guides")
to your target's dependencies.
8 Dec 28, 2022
6 Sep 27, 2022
37 Nov 15, 2022
21 Dec 27, 2022
280 Sep 29, 2022
18k Jan 5, 2023
45 Jun 28, 2022
123 Jun 9, 2021
8 Nov 11, 2022
0 Jan 21, 2022
2 Jan 31, 2022
100 Jun 5, 2022
2.1k Jan 2, 2023
74 Oct 19, 2022
114 Jan 5, 2023
84 Dec 16, 2022
0 Jun 9, 2022
1 Jan 16, 2022