Как преобразовать цветовую палитру материала в тему Flutter?

Я могу использовать https://material.io/tools/color для создания привлекательных цветовых палитр. В результате получился набор из восьми цветов.

К сожалению, ThemeData затрудняет построение темы только на основе этих восьми значений. Существует конструктор, который обещает получить разумные значения по умолчанию для отсутствующих аргументов, однако он не выводит все из первичных и вторичных цветов.

Я что-то упустил? Существуют ли какие-либо инструменты Flutter для преобразования палитры материалов в тему материалов?

Кто-нибудь еще получил ответ? У меня проблема из-за другого наименования Flutter

Hari Anugrah 05.04.2019 06:26

Я удивлен, что material.io/tools/color не разработал способ сделать это. Поддерживает только iOS и Android, которые экспортируются в .swift или xml соответственно.

Hugo Pretorius 08.09.2019 10:03

Обнаружил ту же проблему, и это 1 год после исходного электронного письма @Duncan. В файле material.io/tools/color нет генератора тем, эквивалентного флаттеру. Кто-нибудь нашел здесь альтернативу? Я нашел это, но еще не пробовал: flutterawesome.com/flutter-material-theme-editor

Beezer 23.11.2019 16:23
Стоит ли изучать PHP в 2026-2027 годах?
Стоит ли изучать PHP в 2026-2027 годах?
Привет всем, сегодня я хочу высказать свои соображения по поводу вопроса, который я уже много раз получал в своем сообществе: "Стоит ли изучать PHP в...
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Приемы CSS-макетирования - floats и Flexbox
Приемы CSS-макетирования - floats и Flexbox
Здравствуйте, друзья-студенты! Готовы совершенствовать свои навыки веб-дизайна? Сегодня в нашем путешествии мы рассмотрим приемы CSS-верстки - в...
Тестирование функциональных ngrx-эффектов в Angular 16 с помощью Jest
В системе управления состояниями ngrx, совместимой с Angular 16, появились функциональные эффекты. Это здорово и делает код определенно легче для...
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Пользовательский скаляр GraphQL
Пользовательский скаляр GraphQL
Листовые узлы системы типов GraphQL называются скалярами. Достигнув скалярного типа, невозможно спуститься дальше по иерархии типов. Скалярный тип...
5
3
1 136
1

Ответы 1

Да, во флаттере вы можете использовать МатериалЦвет для разных цветовых оттенков, таких как Colors.blue [300].

Хотя ThemeData принимает объект Цвет в соответствии с его конструктор, но вы можете использовать МатериалЦвет с разными цветовыми оттенками, такими как Colors.blue [300], поскольку он унаследован от Color:

(Color -> ColorSwatch -> MaterialColor)

Рекомендации:
вы не должны использовать его непосредственно в ThemeData или где-либо еще, где требуется Цвет, поскольку иногда при сборке компилятора возникает проблема с ошибкой красного экрана ошибки (я лично сталкивался с этой проблемой).

Например:

final AppTheme = ThemeData(
    primarySwatch: Colors.blue[300],  //<- Not recommended
    );

Правильное решение этой проблемы:

final AppTheme = ThemeData(
        primarySwatch: Colors.blue.shade300,  //<- recommended
        );

Другие вопросы по теме