Gubin_dev – Telegram
Gubin_dev
129 subscribers
49 photos
7 videos
5 files
33 links
Авторский канал, где публикаются новости о технологиях. В основном конечно Flutter <3

Мой тг: @webmadness
Download Telegram
Утренняя разминка!
Почему НЕ надо использовать Bang operator
А вот и лайтовая разминочка для утречка пятницы подъехала
Что будет выведено на экран?
Anonymous Quiz
58%
0, 2
27%
0, 1
9%
1, 2
6%
не запустится
Реализация паттерна “Спецификация” на dart

Нашел примение этого паттерна в скоринге кредитных заявок: к клиенту предъявляются требования, как сумме и продолжительности кредита тоже.

Читается это необычно, будто бы читаю СпЕцИфИкАцИю к тому, кому выдавать кредит

Исходный код
Постпятничная задачка на утро)
Что будет выведено на экран?
Anonymous Quiz
39%
1
61%
1, 2
Early return pattern упростит вашу жизнь

Суть паттерна в том, чтобы досрочно завершать функцию, вместо того, чтобы писать else.

В примере приведен реальный код из dart’а

Есть классная лекция про метрики кода, хотел бы подсветить цикломатическую и когнитивную сложности.

Мысль у меня такая: если у вас появилась необходимость вложить if в if или дописать else в вашей функции, значит вы что-то делаете не так. Вернитесь на шаг назад и переосмыслите, может быть надо вынести метод? Или дело в концепции?
👍2
Затестил новый импеллер в Flutter 3.16, разочаровало.
This media is not supported in your browser
VIEW IN TELEGRAM
Разберем подробнее вчерашний пример с импеллером. Дело в том, что этот пример был создан для демонстрации загрузки UI и Raster потоков. В потоке UI сложная операция, которая рисует множество окружностей на экране + рисует SweepGradient (для отрисовки крутящегося радара). Ну и где-то через полторы минуты приложение крашнулось.

Радар при этом обернут в RepaintBoundary, чтобы выделить новый слой отрисовки и не затрагивать слой со сложной отрисовкой.

На конференции GDG Devfest Astrakhan 2023 расскажу подробнее. Постараюсь побыстрее для вас выложить запись доклада, ну а после доклада выложу видосы с примерами и пришлю ссылку на код.

P.S. да, я запускал с флагами --enable-impeller --profile, и да, это версия 3.16, телефон Google Pixel 7
🔥3
Если кратко, там где-то утечка памяти происходит
🤔1😨1
Отсоединение первой ступени прошло успешно, затем произошла "Быстрая внеплановая разборка ракеты-носителя Starship" 😁

Ракета преодолела около 148км над землей. Международная авиационная организация (ФАИ) считает границей космоса 100км.

Это было потрясающе!
🔥2💋1
В эту субботу (25.11) прошла конференция DevFest Astrakhan.

Я счастлив, что удалось порадовать моих земляков докладом про особенности отрисовки UI на Flutter. В городе много молодых, умных и амбициозных ребят.

Надеюсь в ближайшее время появится запись доклада и я смогу ею поделиться с вами. А пока выкладываю ссылку на исходный код проекта (там же есть и презентация).

Напишу еще парочку разъясняющих постов по этому докладу)
👍3👏2💋1
Прозрачность во Флаттер

Прозрачность во флаттер может быть коварным инструментом, который в некоторых случаях значительно увеличивает сложность отрисовки страницы.

Сам по себе виджет Opacity вызывает операцию saveLayer (см операции skia). Эта операция занимает много времени в масштабе одного кадра и ее вызов происходит неочевидно. Говоря о примерах вызова saveLayer, можно привести накладывание шейдера, в некоторых случаях источником вызова может стать ClipRRect.

Совет: если есть возможность примешать к цвету прозрачность вместо обертывание в виджет Opacity, примешивайте прозрачность. Накладывание прозрачности на цвет не является сложной операцией и может сохранить производительность вашего приложения.

Ссылочка на официальную доку
💋1
This media is not supported in your browser
VIEW IN TELEGRAM
Малоизвестный инструмент отладки на Flutter

Skia debugger позволяет посмотреть как ваша страница рисовалась на экране шаг за шагом.

Для этого вам необходимо перейти на страницу, которую хотите отладить, перейти в консоль и написать команду

flutter screenshot --type=skia --vm-service-url=<vm-observatory-url>

vm-observatory-url вы можете увидеть когда запускаете приложение через консоль или когда переходите в devtools, в url-строке есть get параметр с этим адресом. Вот пример такой строки: http://127.0.0.1:49609/gYvhoIlPpbE=

Стоит отметить, что в skia debugger можно посмотреть операции, которые не отображаются в devtools
2🔥2💋1
Всех поздравляю, победил Флюттер

Ожидаемо, но нервишки в конце пошалили
🎉7