Widgets

Semantics

Semantics

Semantics control. Build it with the semantics helper.

Example

semantics(
  value: "Sample",
  label: "Label",
  content: text("Semantics"),
  selected: true,
  on_tap: ->(event) {}
)

Properties

  • button — Sets the button property.
  • checked — Whether the control is checked.
  • container — Sets the container property.
  • content — The single child control rendered inside this control.
  • current_value_length — Sets the current value length property.
  • decreased_value — Sets the decreased value property.
  • exclude_semantics — Sets the exclude semantics property.
  • expanded — Sets the expanded property.
  • focus — Sets the focus property.
  • focusable — Sets the focusable property.
  • header — Sets the header property.
  • heading_level — Sets the heading level property.
  • hidden — Sets the hidden property.
  • hint_text — Placeholder shown when the field is empty.
  • image — Sets the image property.
  • increased_value — Sets the increased value property.
  • label — Text label shown for the control.
  • link — Sets the link property.
  • live_region — Sets the live region property.
  • max_value_length — Sets the max value length property.
  • mixed — Sets the mixed property.
  • multiline — Allows multiple lines of input when true.
  • obscured — Sets the obscured property.
  • read_only — Prevents editing while still allowing selection.
  • selected — Whether the control is selected.
  • slider — Sets the slider property.
  • textfield — Sets the textfield property.
  • toggled — Sets the toggled property.
  • value — The control's current value.
  • on_long_press_hint_text — On long press hint text.
  • on_tap_hint_text — On tap hint text.

Common layout and animation properties

  • badge — Badge drawn on the corner of the control.
  • col — Responsive column span (1-12) per breakpoint.
  • data — Arbitrary value you can attach to the control and read back in handlers.
  • disabled — Disables interaction when true.
  • expand — Fills the available space along the parent's main axis when true.
  • expand_loose — Like expand, but only grows up to the child's natural size.
  • key — Stable identity used to preserve state across rebuilds.
  • opacity — Opacity from 0.0 (transparent) to 1.0 (opaque).
  • rtl — Renders right-to-left when true.
  • tooltip — Text shown on hover/long-press.
  • visible — Hides the control when false.

Events

  • on_copy — Fired on copy.
  • on_cut — Fired on cut.
  • on_decrease — Fired on decrease.
  • on_did_gain_accessibility_focus — Fired on did gain accessibility focus.
  • on_did_lose_accessibility_focus — Fired on did lose accessibility focus.
  • on_dismiss — Fired when the control is dismissed.
  • on_double_tap — Fired on a double tap.
  • on_increase — Fired on increase.
  • on_long_press — Fired on a long press.
  • on_move_cursor_backward_by_character — Fired on move cursor backward by character.
  • on_move_cursor_forward_by_character — Fired on move cursor forward by character.
  • on_paste — Fired on paste.
  • on_scroll_down — Fired on scroll down.
  • on_scroll_left — Fired on scroll left.
  • on_scroll_right — Fired on scroll right.
  • on_scroll_up — Fired on scroll up.
  • on_set_text — Fired on set text.
  • on_tap — Fired on a tap.

Reference

  • Family: shared
  • Widget type: semantics
  • Helpers: semantics