菜单
Use ThemedAvatarPicker in a layrz Flutter widget. Apply when adding an image avatar/photo upload field that opens a system image picker and stores result as base64.
用 Codex 或 Claude 帮你安装 复制这段 Prompt，粘贴到 Codex、Claude 或其他助手里，让它检查 Skill 页面并帮你完成安装。
基于 SOC 职业分类
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.
| name | themed-avatar-picker |
| description | Use ThemedAvatarPicker in a layrz Flutter widget. Apply when adding an image avatar/photo upload field that opens a system image picker and stores result as base64. |
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.
For general file uploads (non-image, or needing raw bytes) → use ThemedFilePicker.
ThemedAvatarPicker(
labelText: context.i18n.t('entity.avatar'),
value: avatarBase64,
errors: context.getErrors(key: 'avatar'),
onChanged: (value) {
avatarBase64 = value;
if (context.mounted) onChanged.call();
},
)
onChanged fires with a "data:<mimeType>;base64,<data>" string on selection, or null when cleared.disabled: true shows a lock icon and prevents opening the picker.customChild wraps any widget in an InkWell that opens the picker.label / labelText must be set — assert enforced.// With custom child trigger
ThemedAvatarPicker(
labelText: context.i18n.t('entity.avatar'),
value: avatarBase64,
customChild: CircleAvatar(
backgroundImage: avatarBase64 != null ? NetworkImage(avatarBase64!) : null,
child: avatarBase64 == null ? const Icon(Icons.person) : null,
),
onChanged: (value) {
avatarBase64 = value;
if (context.mounted) onChanged.call();
},
)
// Disabled
ThemedAvatarPicker(
labelText: context.i18n.t('entity.avatar'),
value: avatarBase64,
disabled: true,
)
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).