Привет! Это канал команды Flutter-разработки Surf 🐮
Здесь собрана вся информация о Flutter в Surf: делимся полезными материалами, анонсами мероприятий и рассказываем об актуальных вакансиях.
Навигация по хэштегам:
🔵 #surf_flutter — наши посты и материалы по Flutter и Dart;
🔵 #surf_habr — статьи на Хабр;
🔵 #surf_opensource — обновления нашего опенсорса;
🔵 #surf_events — мероприятия, стади джемы и прочее;
🔵 #surf_vacancy — вакансии в команду Surf.
Подписывайся на нас, чтобы ничего не упустить!
Здесь собрана вся информация о Flutter в Surf: делимся полезными материалами, анонсами мероприятий и рассказываем об актуальных вакансиях.
Навигация по хэштегам:
Подписывайся на нас, чтобы ничего не упустить!
Please open Telegram to view this post
VIEW IN TELEGRAM
👍2❤1
Новый пакет в Surf Gear 🐦
Все наши новые пакеты родились из успешных решений, которые кочевали из проекта в проект. И кажется, это самый правильный путь — делать то, чем хочешь пользоваться сам.
➡️ Так что лови новичка в семействе Surf Gear — surf_widget_test_composer!
Это удобный инструмент для облегчения работы с виджет и голден-тестами. Это в некотором смысле обёртка над пакетом golden_toolkit, которая упрощает предварительную настройку и работу.
В файле конфигурации нужно один раз задать темы, устройства, локализацию. После — написать тест с минимумом настроек. На выходе получаем набор голденов по количеству элементов конфигурации.
Например, если у нас 2 языка, 2 темы и мы тестируем их для 3 устройств, то по итогу получим 12 голденов, как вот тут.
🔵 Кроме голден-тестов можно выполнять виджет-тестирование.
Пробуй и пиши, получилось или нет!
#surf_flutter #surf_opensource
Все наши новые пакеты родились из успешных решений, которые кочевали из проекта в проект. И кажется, это самый правильный путь — делать то, чем хочешь пользоваться сам.
Это удобный инструмент для облегчения работы с виджет и голден-тестами. Это в некотором смысле обёртка над пакетом golden_toolkit, которая упрощает предварительную настройку и работу.
В файле конфигурации нужно один раз задать темы, устройства, локализацию. После — написать тест с минимумом настроек. На выходе получаем набор голденов по количеству элементов конфигурации.
Например, если у нас 2 языка, 2 темы и мы тестируем их для 3 устройств, то по итогу получим 12 голденов, как вот тут.
Пробуй и пиши, получилось или нет!
#surf_flutter #surf_opensource
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥22 8⚡3
Ещё один новый пакет в Surf Gear
По умолчанию Flutter уводит многострочный текст в прозрачность сверху вниз. Но бывает, что нужен эффект затухания текста слева направо. Для таких случаев был создан пакет faded_text.
Чтобы применить fade-эффект из пакета, просто создай экземпляр класса FadedText подобно обычному Text:
Есть ещё FadedText.rich, который аналогичен Text.rich.
🐦 Пробуй и делись опытом!
#surf_flutter #surf_opensource
По умолчанию 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
🔥29 9❤5
Сёрф 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
Встречай очередного новичка в семействе — 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
🔥49⚡6 4👍2🤔1
Чем может быть полезен пакет nested?
Все знакомы с деревьями виджетов с глубокой вложенностью в Flutter. Такой код трудно читать и рефакторить, но можно ли сделать его лучше? Да, с помощью пакета nested: он поможет получить более линейную структуру дерева виджетов.
Как его использовать, ищи в карточках⬆️
P. S. nested находится «под капотом» у provider, поэтому полезно понимать принципы его работы.
Ссылки из карточек:
🔵 Пакет nested
🔵 Пакет provider
🔵 Surf Flutter App Template
#surf_flutter #surf_opensource
Все знакомы с деревьями виджетов с глубокой вложенностью в Flutter. Такой код трудно читать и рефакторить, но можно ли сделать его лучше? Да, с помощью пакета nested: он поможет получить более линейную структуру дерева виджетов.
Как его использовать, ищи в карточках
P. S. nested находится «под капотом» у provider, поэтому полезно понимать принципы его работы.
Ссылки из карточек:
#surf_flutter #surf_opensource
Please open Telegram to view this post
VIEW IN TELEGRAM
Please open Telegram to view this post
VIEW IN TELEGRAM
🔥15 8👎6❤3👍1