Goril.app Studio
  • Goril.app Studio Documentation
  • Setup
  • Quick Start
  • Main Pages
    • Architect
      • Toolbox
      • Explorer
      • Application Preview
      • Settings Panel
    • Storyboard
    • Assets
    • State
    • Custom Code
      • Custom Functions
      • Custom Actions
      • Custom Dependencies
      • Custom Widgets
    • Settings
      • General
      • Theme
      • Firebase
    • Action Flow Editor
  • Cookbook
    • My first application
      • Create the project
      • Create the Task model
      • Create the base HomePage Layout
      • Complete the HomePage Layout
      • Add Update Task Action in HomePage
      • Create the CreateTask component
      • Add Actions in CreateTast component
      • Create the EditTask component
      • Add Actions in EditTask component
Powered by GitBook
On this page
  • Drag and Drop
  • Organize, rearrange
  • Widget children
  • ✨ Tips
  1. Main Pages
  2. Architect

Explorer

PreviousToolboxNextApplication Preview

Last updated 1 year ago

The Explorer section, offers a visual representation of the widget hierarchy for the current page. It serves as a convenient navigational and organizational tool, enabling you to structure and manage your app's interface components effectively.

Drag and Drop

In the Explorer, you can drag and drop widgets from the Toolbox to create the desired layout and arrangement. It displays a hierarchical view of all the widgets present on the current page, allowing you to easily navigate through them.

Actually, it is only possible to drop widgets on the Explorer. Dropping on the Application Preview is not enable for now.

Organize, rearrange

To interact with the Explorer, simply click on the widgets to select them and access their settings in the Settings Panel section. You can also rearrange the widgets by dragging and dropping them within the Explorer.

You can Delete or Copy a widget by right clicking on it.

Widget children

In Flutter, a widget can receive zero, one, or multiple widgets as parameters. The tree view in the Explorer section helps you understand the structure of your app by organizing widgets based on their respective parameters.

For example, if a widget accepts a "body" parameter, you will find a tree labeled "body" in the Explorer section.

✨ Tips

The logo means that there is an Action Flow Editor setup in this widget

You can hide a widget in the Application Preview only by clinking the icon.

Widgets Explorer
Example of a drag and drop Widget
A widget can receive multiple children