View Layout on MacOS with Swift UI

Question

Created Feb ’23

Replies 1

Boosts 0

Participants 2

Hi all, I have just started to learn swiftUI for macOS, and am struggling with the view set-up. The view below is the one I am trying to achieve. I had no issues with using navigation view to get the column style with View 1 and View 2&3, being able to stretch/resize each column as well. I have not however been able to make a "stretchable" 'row' view for View 2 and View 3. How can I achieve this? I tried using a Navigation Stack to wrap View 2 and View 3, which gave me the layout I want, though the 'rows' (being View 2 and View 3) are fixed, and can't be resized/dragged, like the columns of View 1 and View 2&3 can. How can I allow resizing between View 2 and View 3 as well, while preserving the overall layout show in the image?

Thank you for the help :)

Boost

Answer 1

DTS Engineer OP

Apple

Feb ’23

On the Mac, the division between view 1 and the rest is actually a horizontal split view, although it isn't described that way in SwiftUI. Instead, you have a NavigationSplitView with a detail view on the right. The reason for that is that NavigationSplitView has different behavior on iOS. On that platform, view 1 is sometimes in a split view, sometimes in a slide-over view, and sometimes not visible at all.

For view 2 and 3, since that arrangement is not something that NavigationSplitView or NavigationView offers, so you'll have to create a vertical split view yourself using VSplitView:

https://developer.apple.com/documentation/swiftui/vsplitview/

0