[Feature request] Add nesting of story tree in React Native

[Gongreg]

Work summary

It would help a lot to display story list as a full screen list instead of half screen. Since now the story names are sometimes too long to properly fit the sidebar.

Some people have requested functionality to display a nested tree instead of one level list (#2833). It shouldn't be too difficult to implement (I hope).

The main concern I have is that adding multiple level tree can be a performance issue in RN.

Where to start

You need to setup CRNA example and try to work on App/OnDeviceUI files.

Acceptance criteria

• Stories displayed in full screen instead of a sidebar.
• Stories are nested.

Who to contact

You can contact me or anyone from contributors in slack.

[sesm]

@Gongreg regarding nested stories, did you try to use a / separator in story names? It does the job for me. But alas this feature is not documented.

[Gongreg]

Hey @sesm, it does work but it works differently than in browser. What I am thinking about is implementing full tree view just like in the browser.

Something like this but inside the simulator view.

[ndelangen]

@Gongreg We could decide to do one of these things:

1. We re-implement the treeview in RN
   We can likely re-use a ton, because of the way I wrote it
   (separating the visual from state)
2. We write the UI of the treeview in such a way it's renderable in RN
3. We embed the treeview in a webview in RN and communicate with it over a channel
   We'd re-use the code in it's entirety and complexity is lowest

[Gongreg]

@ndelangen I would like to try out web view approach. Lets have a session some time in the future.

[Isakdl]

Any progress on this?

[Gongreg]

Hey, there was no progress from my side. @ndelangen, would it be possible to create a bundle with treeview now? Or the new treeview is still WIP?

[lancesnider]

@Gongreg regarding nested stories, did you try to use a / separator in story names? It does the job for me. But alas this feature is not documented.

It doesn't seem to do anything for me, other than make the name longer. Am I missing something?

[shilman]

@lancesnider This feature has not been implemented, which is why the issue is still open