Сёрф Flutter-разработка
3.12K subscribers
701 photos
54 videos
271 links
Комьюнити Flutter-разработчиков Сёрф.

📚 Делимся полезными материалами и обучаем стажёров

💬 Чат → t.me/+HL9Xac3ChFhmMmZi

🧑🏻‍💻 Вакансии: career.surf.ru
📲 По вопросам @SurfAskBot
Download Telegram
Привет! Это канал команды Flutter-разработки Surf 🐮

Здесь собрана вся информация о Flutter в Surf: делимся полезными материалами, анонсами мероприятий и рассказываем об актуальных вакансиях.

Навигация по хэштегам:
🔵 #surf_flutter — наши посты и материалы по Flutter и Dart;
🔵 #surf_habr — статьи на Хабр;
🔵 #surf_opensource — обновления нашего опенсорса;
🔵 #surf_events — мероприятия, стади джемы и прочее;
🔵 #surf_vacancy — вакансии в команду Surf.

Подписывайся на нас, чтобы ничего не упустить!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍21
Новый пакет в Surf Gear 🐦

Все наши новые пакеты родились из успешных решений, которые кочевали из проекта в проект. И кажется, это самый правильный путь — делать то, чем хочешь пользоваться сам.

➡️ Так что лови новичка в семействе Surf Gear — surf_widget_test_composer!

Это удобный инструмент для облегчения работы с виджет и голден-тестами. Это в некотором смысле обёртка над пакетом golden_toolkit, которая упрощает предварительную настройку и работу.

В файле конфигурации нужно один раз задать темы, устройства, локализацию. После — написать тест с минимумом настроек. На выходе получаем набор голденов по количеству элементов конфигурации.

Например, если у нас 2 языка, 2 темы и мы тестируем их для 3 устройств, то по итогу получим 12 голденов, как вот тут.

🔵 Кроме голден-тестов можно выполнять виджет-тестирование.

Пробуй и пиши, получилось или нет!

#surf_flutter #surf_opensource
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2283
Ещё один новый пакет в Surf Gear

По умолчанию Flutter уводит многострочный текст в прозрачность сверху вниз. Но бывает, что нужен эффект затухания текста слева направо. Для таких случаев был создан пакет faded_text.

Чтобы применить fade-эффект из пакета, просто создай экземпляр класса FadedText подобно обычному Text:

FadedText(
'Lorem ipsum dolor sit amet,
consectetur adipisci and blah blah...',
maxLines: 5,
)


Есть ещё FadedText.rich, который аналогичен Text.rich.

🐦 Пробуй и делись опытом!

#surf_flutter #surf_opensource
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥2995
Сёрф Flutter-разработка
Ещё один новый пакет в Surf Gear По умолчанию Flutter уводит многострочный текст в прозрачность сверху вниз. Но бывает, что нужен эффект затухания текста слева направо. Для таких случаев был создан пакет faded_text. Чтобы применить fade-эффект из пакета…
…и ещё один новый пакет в Surf Gear!

Встречай очередного новичка в семействе — yandex_mapkit_lite!

Это облегчённая версия Яндекс.Карт, из которого мы нещадно вырезали часть тяжеловесного функционала для уменьшения веса приложения. Сделана на основе lite-версии нативного SDK.

Мы используем это решение в своих проектах. И уже уменьшили вес сборки в среднем на 15% — до этого мы пользовались его старшим братом yandex_mapkit.

Ещё в yandex_mapkit_lite есть новый функционал по типу поддержки кастомной кластеризации, что убирает ограничения нативного SDK.

🐦 Пробуй и делись опытом!

#surf_flutter #surf_opensource
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥4964👍2🤔1
Чем может быть полезен пакет nested?

Все знакомы с деревьями виджетов с глубокой вложенностью в Flutter. Такой код трудно читать и рефакторить, но можно ли сделать его лучше? Да, с помощью пакета nested: он поможет получить более линейную структуру дерева виджетов.

Как его использовать, ищи в карточках ⬆️

P. S. nested находится «под капотом» у provider, поэтому полезно понимать принципы его работы.

Ссылки из карточек:
🔵 Пакет nested
🔵 Пакет provider
🔵 Surf Flutter App Template

#surf_flutter #surf_opensource
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥158👎63👍1