Skip to main content

Overview

This page is the overview of the 8. Work with Widgets section, which covers how to use the widgets that make up your screens in Lucy Studio. Widgets are split into three databases that follow the Studio palette categories — Layouts, Dividers, and Contents — and each widget row opens its own usage and property docs. The members you control from a script (Widget Control) live in the Reference section. (Pro+) widgets are locked on the Free plan and available on the Pro and Enterprise plans.

Widget groups​

Widgets fall into the three groups below, based on what they do. Jump straight to a representative widget in each group.

  • Layouts — Container widgets that arrange, align, and add scrolling structure to their child widgets. For example: Row, Column, Stack, ListView
  • Dividers — Handle the spacing and dividing lines between widgets. For example: SpaceBox, Spacer, Divider-H, Divider-V
  • Contents — Widgets that show or collect real information, such as text, images, and input. For example: Text, Button, Image, TextField

The styles (modifiers) you apply to widgets are covered at the end of this section, so you can also find the styles available to each widget right here. For example: Padding, DecoratedBox, Opacity