Skip to main content

Screen Management

A modern classic application is composed of multiple screens, with a main screen and multiple sub-screens. User goes from main screen to sub-screen, and then back to main screen. Without screen management, user has to manually switch between screens.

Since v0.25.0, we add a few features to support this:

  • Screen Management configuration
  • NavigateBar widget
  • Main attribute of screen

The feature is disabled by default. To enable it:

  • Enable Screen Management

    Go to Project -> Project Config -> Screen Management

Screen Management

  • Set a Main screen

    Main screen is the entry point of the application.

    If a screen is set as Main, others will be treated as sub-screens.

Set Main Screen

  • Add NavigateBar to sub screens

    Expand WidgetBar, there's a new widget NavigateBar appears in Higher Order Component category. Drag and drop it to screens other than Main screen. Usually it's placed under the statusbar of a screen.

    The Back action of NavigateBar will return to the previous screen.

NavigateBar

  • Add a button to jump from main screen to sub-screen Just as you did before, add a button to the main screen and set Clicked action to load the sub-screen above.

Now you're good to go. After you click the button, the sub-screen will be loaded and displayed, and click the back button on the sub-screen to return to the main screen.