By splitting the layout into separate elements with nested scope, I can display the nested props into flat structure as seen in this screen shot
Some side notes
We still need a custom renderer for the object to render NavigatorButton instead of the whole control in the parent screen
Have to hard code the scope so uischema can know which nested screens to render, though can we send the scope to Navigator context instead of the renderer props?
Summary
By splitting the layout into separate elements with nested scope, I can display the nested props into
flat
structure as seen in this screen shotuischema
can know which nested screens to render, though can we send thescope
to Navigator context instead of the renderer props?Testing
npm run start
Reference
https://github.com/bangank36/WP-Builder/issues/66