Във Вселената на темата Flutter има 26 компонента и само 9 са преобразувани в използване на настройката на цветовата схема за организиране на основните цветове на темите във Flutter. Позволете ми да ви покажа как да оправите тази бъркотия, за да създадете страхотни трептящи теми.

Получете достъп до безплатните ми неща

Моят безплатен код и дизайнерски активи на Flutter могат да бъдат намерени на:



Разработката и дизайнът на Front-End приложения са по-зрели, така че началният учебен софтуер вече не е стартовият етап в нова работа, както беше в миналото.

Ако нямате прозрения от контексти от експерти, няма да можете да захванете тази стартираща работа или да направите това страхотно приложение при първото излизане на пазара.

Получаването на среден достъп до членство ви помага да се издигнете по пътя си към тази първа работа за Flutter Dev или първото ви страхотно приложение за flutter в магазините за приложения. И това е толкова просто, колкото две малки стъпки:

1. Използвайте моята връзка за абонамент за Medium, за да се присъедините към Medium:



2. Кликнете върху връзката към моя профил и ме последвайте, за да получавате незабавни известия по имейл, когато публикувам нова статия:



Бъркотията с мигрирането на теми

Както можете да видите, само 9 компонента са зелени, тъй като са преобразувани да използват цветови схеми, а останалите не са. Сега нека ви покажа защо примерът на галерията е грешен в изпълнението на ThemeData на приложението:

Сега, като се има предвид, че имаме 55 процента от компонентите, които не използват цветова схема, все още трябва да имаме достъп до цветовата палитра на приложението. Можем ли да направим това със статични цветови схеми в имплементацията на App ThemeData? Без опит Разработчикът или дизайнерът на приложението Flutter са написали това, нали?

Ето защо в предишната статия абстрахирах както цветовата палитра, така и цветовата схема от имплементацията на ThemeData.

Но има някои други трикове, необходими за това, че трябва да имаме някакъв начин да открием както тъмен режим, така и режим с висок контраст и след това да предоставим динамично правилния цвят от групата от четири теми.

Динамично предоставяне на цветове за теми

Ние специално трябва да предоставим динамични цветове за онези компоненти, които все още нямат собствена реализация на цветова схема, и онези компоненти, които все още нямат реализация на данни за тема, интегрирана с класа Theme Data на Flutter.

Така че нека да видим моя файл за стрелички с тематични трикове и да разберем как работи:

Един от моите трикове е как да получа достъп до highContrast, тъй като може да бъде достъпен само от MediaQuery. Моят трик е да поставя MockTail от страната на зависимостите в pubspec, освен като зависимостта dev_dependencies. След това можем да се подиграем на BuildContext, за да получим достъп, вместо да прибягваме до директно свързване на това с основната джаджа MaterialApp/CupertinoApp.

Заключение

Следва да стигнете до начина на Flutter Platform Widgets за автоматично динамично доставяне на правилния материал или приспособление за Купертино.

За мен, Фред Грот

Аз съм преформиран роден разработчик на приложения за Android и преформиран ADHD Creative.

Има два типа хора на този свят, потребители и творци. Потребителите имат всички проблеми на света с цялата тази некреативна позиция в мозъците си. Творците живеят по-интересен жизнен живот, пълен с творчески мечти вместо с отрова в главите си.

Текущите ми безплатни неща за flutter като код и творчески активи са в моето хранилище на GitHub за код с мен на адрес:



Както в Front End Development, така и в Creative Life контекстите и пътят имат скъпоценни камъни от прозрение, което не е от вашите собствени пътища. За да получите тази представа, имате нужда от достъп до моите статии в тези прости две стъпки:

1. Регистрирайте се за платен среден абонамент на моята връзка за абонамент:



Имайте предвид, че всъщност получавам намаление на приходите за всеки абонамент за Medium, което ми помага да създам безплатния код и творческите неща, до които получавате безплатен достъп.

2. Щракнете върху името ми в Medium и ме последвайте, за да получавате незабавни имейл известия всеки път, когато публикувам:



Моите най-популярни публикации за Flutter и Creative Life:

Потребителски интерфейси на Flutter











Flutter DevOPS





















Flutter OOP и FP













Творчески живот





Можете да ме последвате на

https://fredgrott.medium.com

https://keybase.io/fredgrott

https://twitter.com/fredgrott

https://github.com/fredgrott

https://www.xing.com/profile/Fred_Grott/cv

https://www.linkedin.com/in/fredgrottstartupfluttermobileappdesigner/

https://www.reddit.com/user/fredgrott