Menú
Use ThemedIconPicker in a layrz Flutter widget. Apply when adding a field that lets the user pick a Layrz icon from the full Solar icon set or a filtered subset.
Instalar con Codex o Claude Copia este prompt, pégalo en Codex, Claude u otro asistente, y deja que revise la página de la skill y la instale por ti.
Basado en la clasificación ocupacional SOC
| name | themed-icon-picker |
| description | Use ThemedIconPicker in a layrz Flutter widget. Apply when adding a field that lets the user pick a Layrz icon from the full Solar icon set or a filtered subset. |
Dart syntax: This library requires Dart ≥ 3.10. Use dot shorthand for all enum values — never write the fully-qualified form.
Full constructor and property reference: read
references/api.mdin this skill's directory.
LayrzIcon?For emoji selection → use ThemedEmojiPicker. For a flexible avatar (icon/emoji/url/base64) → use ThemedDynamicAvatarInput.
ThemedIconPicker(
labelText: context.i18n.t('entity.icon'),
value: selectedIcon,
errors: context.getErrors(key: 'icon'),
onChanged: (icon) {
selectedIcon = icon;
if (context.mounted) onChanged.call();
},
)
LayrzIcon.name (case-insensitive).allowedIcons restricts the picker to a specific subset when non-empty.customChild wraps any widget in an InkWell that opens the picker.label / labelText must be set — assert enforced.// Restrict to a project-defined subset
ThemedIconPicker(
labelText: context.i18n.t('asset.markerIcon'),
value: selectedIcon,
allowedIcons: kAllowedMarkerIcons,
errors: context.getErrors(key: 'markerIcon'),
onChanged: (icon) {
selectedIcon = icon;
if (context.mounted) onChanged.call();
},
)
// Custom trigger
ThemedIconPicker(
labelText: context.i18n.t('entity.icon'),
value: selectedIcon,
customChild: ThemedAvatar(icon: selectedIcon?.iconData, size: 48),
onChanged: (icon) {
selectedIcon = icon;
if (context.mounted) onChanged.call();
},
)
// Dense / compact
ThemedIconPicker(
labelText: context.i18n.t('entity.icon'),
value: selectedIcon,
dense: true,
onChanged: (icon) {
selectedIcon = icon;
if (context.mounted) onChanged.call();
},
)
onChanged with if (context.mounted) before calling the parent callback.context.i18n.t('entity.fieldName') for labelText — never hardcode strings.errors: context.getErrors(key: 'fieldName').const SizedBox(height: 10).Use ThemedTabView and ThemedTab in a layrz Flutter widget. Apply when adding horizontal tab navigation with Material 3 styling.
Use ThemedButton in a layrz Flutter widget. Apply when rendering any tappable action — primary/secondary CTAs, icon-only FABs, destructive actions, cooldown buttons, or the six semantic factories (.save, .cancel, .info, .show, .edit, .delete).
Use ThemedSearchInput in a layrz Flutter widget. Apply when adding a search bar — either a compact icon button that expands into an overlay, or a full-width inline field.
Use when migrating ThemedTable<T> (v1) to ThemedTable2<T> (v2) in a layrz Flutter widget. Apply when a widget uses the old ThemedTable API with onShow/onEdit/onDelete/onMultiDelete/ThemedColumn and needs to be updated.
Use ResponsiveCol in a layrz Flutter widget. Apply when defining a column's width at different breakpoints inside a ResponsiveRow.
Use ResponsiveRow in a layrz Flutter widget. Apply when wrapping ResponsiveCol children in a responsive 12-column grid container.