Сёрф Flutter-разработка

Ещё один новый пакет в 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

Новый пакет в Surf Gear 🐦

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

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

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

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

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

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

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

#surf_flutter #surf_opensource

Записи лекций с первого дня Flutter Study Jam 🐦

Опубликовали записи джема на YouTube. Спасибо всем участникам за насыщенные четыре дня, и ждём на следующих джемах!

📹 Адаптивная вёрстка во Flutter, Максим, Surf Flutter Developer
📹 Сериализация и десериализация — вошли и вышли, Кирилл, Surf Flutter Developer
📹 Коллекции во Flutter, Самир, Surf Flutter Developer

#surf_events

Channel photo updated

Как создавать платформенные виджеты

Когда разрабатываешь кроссплатформенные приложения, может понадобиться отобразить элементы интерфейса, которые характерны для конкретной платформы. Как оптимизировать работу, чтобы быстрее писать и удобнее поддерживать код, расскажет 🏄‍♀️ Таня, Flutter-разработчик Surf.

Полезные ссылки:
🔵 Адаптивные виджеты
🔵 Решение Surf для pull-to-refresh: Swipe Refresh

#surf_flutter

⬆️ Примеры использования AbsorbPointer и IgnorePointer

#surf_flutter

AbsorbPointer и IgnorePointer — 3 кейса использования

Бывает, что необходимо сделать виджет, который не реагирует на жесты. Например, нужно сделать кнопку не кликабельной или поле ввода неактивным. А иногда нужно сделать это одновременно с несколькими виджетами. В таких ситуациях на помощь приходят AbsorbPointer и IgnorePointer, которые хоть и похожи друг на друга, но все-таки разные.

🏄‍♀️ Сёрфер Женя расскажет об этом подробнее в карточках.

#surf_flutter