Is there a way to visualise the navigation structure of a SwiftUI app?

Question

Is it possible to overview the navigation of a SwiftUI app like it was with Storyboard in the UIKit "era" with arrows connecting different Views?

Upd 1. So if it’s not possible atm, how do you handle that? Just keep some hand drawing in sync with the actual structure?

No, there are no GUI tools for visualizing the UI like that. — jnpdx, Oct 04 '21 at 15:25
It’s super convenient imo, especially, for introducing the project to someone new. — serg_zhd, Oct 04 '21 at 15:37
The issue is that the views can be created on the fly. With UIKit, everything was set except for the data going in by StoryBoard. The best you can do is a mock up. — Yrb, Oct 04 '21 at 16:26
I understand that SwiftUI is dynamic. One could speculate on parsing all the navigation links, tabs etc to draw at least *some* structure, even if it’s not going to be a ground truth. — serg_zhd, Oct 05 '21 at 06:39

score 0 · Answer 1 · answered Dec 27 '21 at 08:33

Here's a (hacky) workaround:

Put code that takes a screenshot of the view and saves it to a location to the views' onAppear.
Download the images from the container.
Open the container (right click, Show Package Contents).
Navigate to the folder you've saved the images to (print out the folder structure in your code to make it easier).
Drag the images to your xcassets file.
Make the structure yourself in a storyboard.
Resize the UIViewControllers to the size of the UIHostingController in the first step.
Create UIImageViews and resize them to the correct size.
Select the correct image for each of them.

1 Answers1