The Right-Click Menu in Design provides a comprehensive set of functionalities for efficiently managing and manipulating components within your project.
You just have to right-click in Design, the menu will appear.
right-click menu
Opens the Logic Panel, a robust system enabling the creation of logical workflows around designs and interactions. The Logic Panel supports a diverse range of nodes, including variables (e.g., strings, integers) and SDKs hosted on pub.dev.
Add Logics
Duplicates the selected component, including its entire structure such as containers, texts, and widgets. This feature is handy for replicating existing components within your design.
Inserts the previously copied component as a new independent instance. This allows for the creation of duplicates without affecting existing components, fostering flexibility in design.
Removes the selected component from the UI, deleting it entirely—a crucial function for component management and cleanup.
Copy, Paste and Delete
Copies all properties of the selected component, excluding height, width, and widget-specific properties. This feature is useful for transferring styles and settings between components.
Applies the copied properties to the selected component. This allows for the efficient transfer of styling and configuration settings.
Copy Paste Properties
Duplicates the current page, facilitating the replication of entire layouts or structures.
Inserts the copied page as a new page, allowing for the seamless duplication of entire pages within your project.
Removes the current page and opens the last page before it. Useful for page management and navigation.
Brings the selected component one layer above its current position in the layer hierarchy, adjusting the visual stacking order.
Pushes the selected component one layer below its current position in the layer hierarchy.
Sent Backward/Forward
Brings the selected component to the top layer of the UI, making it visually the foremost element.
Pushes the selected component to the bottom layer of the UI, making it the visually rearmost element.
Sent to Front/Back
Groups one or more components together, creating a single top-level layer. Grouping facilitates the management of related elements as a unified entity.
Removes layers from the selected group, allowing for the disassociation of components within a group.
Group Un-group
Converts the currently selected component into a ScrollView—a view group used to make vertically scrollable views. Useful for creating scrollable sections within your design.
Undo the ScrollView operation, reverting the selected component to its original state.
ScrollView-UnScrollView
Converts the selected components into a ListView widget, a versatile component for displaying a scrollable list of items.
Undo the ListView operation, reapplying the conversion of selected components into a ListView.
ListView-UnListView
Creates a ListView of pages, allowing you to map indexes of the pages to different components. Users can navigate through these pages using the designated components.
Undoes the PageListView operation, reverting the selected component to its original state before the ListView of pages is applied.
PageListView-UnPageListView
{% embed url="https://open.spotify.com/playlist/0vvXsWCC9xrXsKd4FyS8kM?si=2c7f55bd3f944878" %} Lofi music {% endembed %}