[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

[k-sav]

Any progress?

[felixolivares]

Any updates on this feature ?

[dannyhw]

@felixolivares not been developed yet but all PR's are welcome. Working through issues when I can, this is one that I want to fix in 6.0.

[Katia-Toboleva]

Hey everyone! Any update on this issue?

[dannyhw]

@Katia-Toboleva I've not had time for it yet but its still on my mind to look at it. My idea for this one was to add it after v6 comes out.

[Katia-Toboleva]

Hi @dannyhw ! Thanks for an update! Is there any timescale for that?

[dannyhw]

@Katia-Toboleva hey, sorry its really hard to give timelines because it just depends on when I have free time or when others want to contribute.

[Katia-Toboleva]

Ok, no worries! Thanks for looking after this anyway :)

[dannyhw]

please try the new alpha version 6.5.5-alpha.0 which has an implementation of this