Notes about List Detail navigation in Decompose

[CXwudi]

We will be using Decompose ChildPanel to implement the list detail article page.

Things to be considered:

In wide screen, change mode to single if detail page is null

Need to modify Decompose source code, specifically copy ChildPanelsFactory, and add a special backHandler that do our logic.

When using the panel navigation, make sure to set the mode properly

Use fixed max width instead of ratios for list composable

Implement a new ChildPanelsLayout. Similar to HorizontalChildPanelsLayout but can set max width for list composable and extra composable

[CXwudi]

The Decompose source code modification was successful. I was able to copy the source file , make our own, and use it in the project with other Decompose APIs.

Next is to investigate how to do the mode changing properly. Things to consider are:

1. Need to monitor screen changes
   • this can be done using launch effect to send current desired mode to Decompose component, and the component save the mode into a MutableStateFlow
2. When navigating back and forth between list/detail, need to update mode properly