Компоненты Flutter с поведением Naked UI и стилем Mix.

Основные понятия

Голый пользовательский интерфейс владеет взаимодействием: фокусировка, ввод клавиатуры, состояние взаимодействия и доступность.

• Mix владеет стилем: спецификациями, стилями, токенами, вариантами и анимацией. Ремикс состоит из обоих: используйте Remix* с вашими собственными стилями или установите предустановленный. Предустановки являются редактируемым источником приложения: выберите один для приложения. Ваниль нейтральна; Fortal имеет свой собственный визуальный язык; HeroUI следует за HeroUI web 3.2.6. CLI устанавливает элементы и их зависимости. Приложение владеет своим пользовательским интерфейсом и хостом: темы, рецепты, состояние и навигация. Снабжение Наложение, навигатор или тост, где компонент нуждается в нем. Регистры прикреплены: remix.yaml записывает обязательство GitHub. Обновить это Пин и принятие измененного источника являются отдельными действиями. Автор один раз, генерировать и проверять: частный registry_source производит Регистры; приложения генерируют адаптеры. Пакеты времени выполнения, содержимое реестра и CLI выпускают самостоятельно.

Начните с компонента

Этот кассовый сбор составляет [[Т3]], который еще не опубликован. The В настоящее время размещенная версия 1.0.0-beta.13; используйте соответствующие выпускные документы или Зависимость от локального пути при бета.14.

Remix

Flutter components with Naked UI behavior and Mix styling.

Core concepts

• Naked UI owns interaction: focus, keyboard input, interaction state and accessibility.
• Mix owns styling: specs, stylers, tokens, variants and animation.
• Remix composes both: use Remix* with your own styles, or install a preset.
• Presets are editable app source: choose one per app. Vanilla is neutral; Fortal has its own visual language; HeroUI follows HeroUI web 3.2.6. The CLI installs items and their dependencies.
• The app owns its UI and host: themes, recipes, state and navigation. Supply an Overlay, Navigator or toast scope where the component needs it.
• Registries are pinned: remix.yaml records a GitHub commit. Updating that pin and adopting changed source are separate actions.
• Author once, generate and check: private registry_source produces the registries; apps generate adapters. Runtime packages, registry content and the CLI release independently.

Start with a component

This checkout prepares 1.0.0-beta.14, which is not published yet. The currently hosted version is 1.0.0-beta.13; use the matching release docs or a local path dependency while beta.14 is staged. After publication:

flutter pub add remix:^1.0.0-beta.14

import 'package:flutter/widgets.dart';
import 'package:remix/remix.dart';

Widget saveButton(VoidCallback save) => RemixButton(
  label: 'Save',
  onPressed: save,
  style: ButtonStyler()
      .color(const Color(0xFF2196F3))
      .padding(.horizontal(16))
      .borderRadius(.circular(8))
      .labelColor(const Color(0xFFFFFFFF)),
);

Or install editable theme and component source:

flutter pub add dev:remix_cli
dart run remix_cli:remix init --preset vanilla
dart run remix_cli:remix add button

Place the installed theme above your Navigator in the host’s builder before using its widgets. See setup and host requirements.

• Style components directly.
• Install, customize and update editable source.
• Component catalog · Fortal catalog.
• Examples: Vanilla playground, Fortal catalog, dashboard.