Vibe coding. Приложение для квизов с нуля. Часть 3 🎉
Сегодня мы продолжаем играть в вайб кодинг и работать над приложением для квизов! 🤔 В этом видео мы завершим интеграцию с Cloud Firestore, добавим навигацию с помощью GoRouter и опубликуем приложение на Firebase hosting. 🔥
Что мы сделали в этом видео? 📝
🔹 Завершили интеграцию с Cloud Firestore 💻
🔹 Настроили навигацию с помощью GoRouter 📍
🔹 Опубликовали приложение на Firebase hosting 🚀
Теперь по определенному url можно открывать нужный квиз! 🔗 Это значит, что вы можете просто шарить ссылку на нужный экран в нужное место. 📱
Что дальше? 🤔 В следующих видео мы попробуем добавить новое приложение, которое помогает создавать эти квизы и отправлять их в базу данных Firestore. 📊
Ресурсы и ссылки: 📚
🔗 Репозиторий примеров: https://github.com/RuslanTsitser/app_examples
Смотрите другие видео по #FlutterPulseYoutube! 📹
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Сегодня мы продолжаем играть в вайб кодинг и работать над приложением для квизов! 🤔 В этом видео мы завершим интеграцию с Cloud Firestore, добавим навигацию с помощью GoRouter и опубликуем приложение на Firebase hosting. 🔥
Что мы сделали в этом видео? 📝
🔹 Завершили интеграцию с Cloud Firestore 💻
🔹 Настроили навигацию с помощью GoRouter 📍
🔹 Опубликовали приложение на Firebase hosting 🚀
Теперь по определенному url можно открывать нужный квиз! 🔗 Это значит, что вы можете просто шарить ссылку на нужный экран в нужное место. 📱
Что дальше? 🤔 В следующих видео мы попробуем добавить новое приложение, которое помогает создавать эти квизы и отправлять их в базу данных Firestore. 📊
Ресурсы и ссылки: 📚
🔗 Репозиторий примеров: https://github.com/RuslanTsitser/app_examples
Смотрите другие видео по #FlutterPulseYoutube! 📹
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Vibe coding. Приложение для квизов с нуля. Админ панель часть 1
Сегодня мы продолжаем играть в "вайб-кодинг"! 🔥 Мы попробуем сгенерировать базовую структуру проекта админки для создания квизов с помощью Cursor, проведем ревью полученного кода и оценим архитектуру. 📈 Пока без реальных данных - в следующем видео добавим БД. 📊
🔗 Репозиторий примеров: https://github.com/RuslanTsitser/app_examples
В этом видео мы:
✅ Создали новый проект для админки квизов
✅ Настроили Firebase и добавили необходимые зависимости
✅ Сгенерировали базовую структуру проекта с помощью Cursor
✅ Провели ревью полученного кода и оценили архитектуру
📱 Мы создали приложение для создания квизов, которое позволяет добавлять вопросы, варианты ответов и сохранять квизы. 📝
👍 Если у вас остались вопросы, оставляйте их в комментариях под видео. Не забудьте подписаться на канал и поставить лайк, если видео было полезным! 👍
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Смотрите видео на YouTube
Посмотрите другие видео по #FlutterPulseYoutube и подписывайтесь на канал!
Сегодня мы продолжаем играть в "вайб-кодинг"! 🔥 Мы попробуем сгенерировать базовую структуру проекта админки для создания квизов с помощью Cursor, проведем ревью полученного кода и оценим архитектуру. 📈 Пока без реальных данных - в следующем видео добавим БД. 📊
🔗 Репозиторий примеров: https://github.com/RuslanTsitser/app_examples
В этом видео мы:
✅ Создали новый проект для админки квизов
✅ Настроили Firebase и добавили необходимые зависимости
✅ Сгенерировали базовую структуру проекта с помощью Cursor
✅ Провели ревью полученного кода и оценили архитектуру
📱 Мы создали приложение для создания квизов, которое позволяет добавлять вопросы, варианты ответов и сохранять квизы. 📝
👍 Если у вас остались вопросы, оставляйте их в комментариях под видео. Не забудьте подписаться на канал и поставить лайк, если видео было полезным! 👍
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Смотрите видео на YouTube
Посмотрите другие видео по #FlutterPulseYoutube и подписывайтесь на канал!
Vibe coding. Приложение для квизов с нуля. Админ панель часть 2
Сегодня мы продолжаем играть в "вайб кодинг" и работать над приложением для квизов! 🎉 В этом видео мы вновь погружаемся в мир Flutter и Dart, чтобы улучшить наше приложение и добавить новые функции. 💻
🔹 Мы продолжили создание админки для приложения квизов.
🔹 Подключили Firestore к текущему проекту, чтобы сохранять данные квизов.
🔹 Поправили дизайн, чтобы приложение выглядело более современно и интересно.
🔹 Опубликовали приложение на Firebase Hosting, чтобы сделать его доступным в интернете.
🔹 Добавили функцию шаринга ссылки на квиз, чтобы пользователи могли легко делиться своими любимыми квизами.
📹 В этом видео мы шаг за шагом показываем, как мы реализуем эти функции и какие инструменты мы используем. Если вы хотите узнать больше о Flutter и Dart, это видео для вас! 😊
👍 Не забудьте поставить лайк и подписаться на наш канал, если вам понравилось видео. Мы будем рады вашим комментариям и вопросам! 💬
Смотреть видео на YouTube
🔗 Репозиторий примеров: https://github.com/RuslanTsitser/app_examples
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Сегодня мы продолжаем играть в "вайб кодинг" и работать над приложением для квизов! 🎉 В этом видео мы вновь погружаемся в мир Flutter и Dart, чтобы улучшить наше приложение и добавить новые функции. 💻
🔹 Мы продолжили создание админки для приложения квизов.
🔹 Подключили Firestore к текущему проекту, чтобы сохранять данные квизов.
🔹 Поправили дизайн, чтобы приложение выглядело более современно и интересно.
🔹 Опубликовали приложение на Firebase Hosting, чтобы сделать его доступным в интернете.
🔹 Добавили функцию шаринга ссылки на квиз, чтобы пользователи могли легко делиться своими любимыми квизами.
📹 В этом видео мы шаг за шагом показываем, как мы реализуем эти функции и какие инструменты мы используем. Если вы хотите узнать больше о Flutter и Dart, это видео для вас! 😊
👍 Не забудьте поставить лайк и подписаться на наш канал, если вам понравилось видео. Мы будем рады вашим комментариям и вопросам! 💬
Смотреть видео на YouTube
🔗 Репозиторий примеров: https://github.com/RuslanTsitser/app_examples
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
👍1
MCP сервера: как они работают и как создать свой собственный на Dart 🚀
В этом видео Юрий Петров разберёт, что такое MCP сервера, как они работают и зачем они нужны разработчикам. Вы узнаете, как реализовать MCP сервер на Dart и подключить его к Cursor IDE.
MCP (Model Context Protocol) - это протокол, созданный компанией Entropic, который позволяет большим языковым моделям взаимодействовать с нашим миром через программы-адаптеры, называемые MCP серверами. MCP сервера - это "руки" больших языковых моделей в нашем физическом мире 🤖.
🔹 Как реализовать MCP сервер на Dart
🔹 Как подключить его к Cursor IDE
🔹 Почему MCP кардинально изменяет работу ассистентов и автоматизацию разработки
В видео показано, как создать свой собственный MCP сервер на Dart, используя библиотеку mcp_dart. Мы создаем пустой проект на Dart, добавляем эту библиотеку, создаем MCP сервер и определяем инструменты, которые он будет использовать.
📺 Смотрите видео полностью на YouTube или VkVideo
👉 Подпишитесь на наш канал и смотрите другие видео по хэштегу #FlutterPulseYoutube. Не забудьте поставить лайк и поделиться с друзьями! 👍
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
В этом видео Юрий Петров разберёт, что такое MCP сервера, как они работают и зачем они нужны разработчикам. Вы узнаете, как реализовать MCP сервер на Dart и подключить его к Cursor IDE.
MCP (Model Context Protocol) - это протокол, созданный компанией Entropic, который позволяет большим языковым моделям взаимодействовать с нашим миром через программы-адаптеры, называемые MCP серверами. MCP сервера - это "руки" больших языковых моделей в нашем физическом мире 🤖.
🔹 Как реализовать MCP сервер на Dart
🔹 Как подключить его к Cursor IDE
🔹 Почему MCP кардинально изменяет работу ассистентов и автоматизацию разработки
В видео показано, как создать свой собственный MCP сервер на Dart, используя библиотеку mcp_dart. Мы создаем пустой проект на Dart, добавляем эту библиотеку, создаем MCP сервер и определяем инструменты, которые он будет использовать.
📺 Смотрите видео полностью на YouTube или VkVideo
👉 Подпишитесь на наш канал и смотрите другие видео по хэштегу #FlutterPulseYoutube. Не забудьте поставить лайк и поделиться с друзьями! 👍
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
🔥2🤝1
Алексей Приходько — Продакшен опыт использования Flutter Web в Яндекс Смене
В этом видео Алексей Приходько рассказывает о практическом опыте использования Flutter Web в Яндекс Смене. Он делится плюсами и минусами этого подхода, а также объясняет, почему после года разработки команда решила отказаться от Flutter Web и переписать всё на React.js.
🌟 Flutter Web — это технология, позволяющая создавать веб-приложения с использованием фреймворка Flutter. Она предлагает ряд преимуществ, включая кроссплатформенность и быструю разработку.
🔍 В докладе Алексей подробно рассматривает следующие темы:
• 👍 Плюсы использования Flutter Web: быстрая разработка, кроссплатформенность, единый код для мобильных и веб-приложений.
• 👎 Минусы Flutter Web: проблемы с SEO, отсутствие поддержки SSR (Server-Side Rendering), сложности с взаимодействием с JavaScript.
• 🤔 Опыт Яндекс Смены: как команда использовала Flutter Web для создания MVP приложения, и какие проблемы возникли в процессе разработки.
• 📊 Сравнение с другими технологиями: почему в итоге команда решила переписать приложение на React.js.
👉 Смотрите видео и узнайте, как использовать Flutter Web эффективно, а также о подводных камнях, с которыми может столкнуться ваша команда.
Смотреть тут: Youtube, VkVideo
Призыв к действию: Подпишитесь на наш канал и смотрите другие видео по #FlutterPulseYoutube! 👍
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
В этом видео Алексей Приходько рассказывает о практическом опыте использования Flutter Web в Яндекс Смене. Он делится плюсами и минусами этого подхода, а также объясняет, почему после года разработки команда решила отказаться от Flutter Web и переписать всё на React.js.
🌟 Flutter Web — это технология, позволяющая создавать веб-приложения с использованием фреймворка Flutter. Она предлагает ряд преимуществ, включая кроссплатформенность и быструю разработку.
🔍 В докладе Алексей подробно рассматривает следующие темы:
• 👍 Плюсы использования Flutter Web: быстрая разработка, кроссплатформенность, единый код для мобильных и веб-приложений.
• 👎 Минусы Flutter Web: проблемы с SEO, отсутствие поддержки SSR (Server-Side Rendering), сложности с взаимодействием с JavaScript.
• 🤔 Опыт Яндекс Смены: как команда использовала Flutter Web для создания MVP приложения, и какие проблемы возникли в процессе разработки.
• 📊 Сравнение с другими технологиями: почему в итоге команда решила переписать приложение на React.js.
👉 Смотрите видео и узнайте, как использовать Flutter Web эффективно, а также о подводных камнях, с которыми может столкнуться ваша команда.
Смотреть тут: Youtube, VkVideo
Призыв к действию: Подпишитесь на наш канал и смотрите другие видео по #FlutterPulseYoutube! 👍
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Марк Абраменко — Опасный Flutter... Или нет?
Представляем вам видео с конференции Mobius, где Марк Абраменко рассказывает о безопасности Flutter-приложений. 📹🔒
О чем идет речь?
👉 Безопасность Flutter: мифы и реальность 🤔
👉 Как защитить свое приложение от злоумышленников 🔒
👉 Ошибки, которые допускают разработчики, и как их избежать 💡
Марк Абраменко, инженеринг-менеджер в компании Surf, делится своим опытом и рассказывает о том, как обезопасить свое приложение. Вы узнаете:
👉 Как хранятся чувствительные данные в Flutter-приложениях 🔑
👉 Как использовать RASP (Runtime Application Self-Protection) для защиты приложения 🚀
👉 Как безопасно хранить секреты и использовать биометрию 🔐
Смотрите видео и узнайте:
👉 Почему Flutter не так безопасен, как кажется 🤔
👉 Как защитить свое приложение от взлома 🔒
👉 Какие библиотеки использовать для безопасного хранения данных 📚
Смотреть видео: Youtube, VkVideo
Подпишитесь на наш канал и смотрите другие видео по Flutter: #FlutterPulseYoutube
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Представляем вам видео с конференции Mobius, где Марк Абраменко рассказывает о безопасности Flutter-приложений. 📹🔒
О чем идет речь?
👉 Безопасность Flutter: мифы и реальность 🤔
👉 Как защитить свое приложение от злоумышленников 🔒
👉 Ошибки, которые допускают разработчики, и как их избежать 💡
Марк Абраменко, инженеринг-менеджер в компании Surf, делится своим опытом и рассказывает о том, как обезопасить свое приложение. Вы узнаете:
👉 Как хранятся чувствительные данные в Flutter-приложениях 🔑
👉 Как использовать RASP (Runtime Application Self-Protection) для защиты приложения 🚀
👉 Как безопасно хранить секреты и использовать биометрию 🔐
Смотрите видео и узнайте:
👉 Почему Flutter не так безопасен, как кажется 🤔
👉 Как защитить свое приложение от взлома 🔒
👉 Какие библиотеки использовать для безопасного хранения данных 📚
Смотреть видео: Youtube, VkVideo
Подпишитесь на наш канал и смотрите другие видео по Flutter: #FlutterPulseYoutube
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
💩1
Иван Галкин — Бьем по рукам при помощи своего Dart-линтера
Представляем вашему вниманию видео с конференции Mobius, где Иван Галкин, тимлид и разработчик из компании Surf, рассказывает о том, как создать свой собственный Dart-линтер и улучшить качество кода в вашем проекте.
В этом докладе Иван делится своим опытом и показывает, как можно реализовать кастомный линтер для Dart, какие проблемы он может решить и как его можно использовать для улучшения архитектуры и масштабируемости проекта.
🔹 Основные темы доклада:
👉 Как создать свой собственный Dart-линтер
👉 Как решить проблемы, связанные с архитектурой и масштабируемостью проекта
👉 Как использовать кастомный линтер для улучшения качества кода
📹 Смотреть видео: Youtube, VkVideo
👍 Если вам понравилось видео, подписывайтесь на наш канал и ставьте лайки! #Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
👉 Посмотрите другие видео по хэштегу #FlutterPulseYoutube и улучшите свои навыки разработки на Flutter!
Представляем вашему вниманию видео с конференции Mobius, где Иван Галкин, тимлид и разработчик из компании Surf, рассказывает о том, как создать свой собственный Dart-линтер и улучшить качество кода в вашем проекте.
В этом докладе Иван делится своим опытом и показывает, как можно реализовать кастомный линтер для Dart, какие проблемы он может решить и как его можно использовать для улучшения архитектуры и масштабируемости проекта.
🔹 Основные темы доклада:
👉 Как создать свой собственный Dart-линтер
👉 Как решить проблемы, связанные с архитектурой и масштабируемостью проекта
👉 Как использовать кастомный линтер для улучшения качества кода
📹 Смотреть видео: Youtube, VkVideo
👍 Если вам понравилось видео, подписывайтесь на наш канал и ставьте лайки! #Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
👉 Посмотрите другие видео по хэштегу #FlutterPulseYoutube и улучшите свои навыки разработки на Flutter!
👍1
Изоляционно-плагинная архитектура в Dart-приложениях: новые возможности и ограничения 🚀
Представляем вам видео с конференции Mobius, где Станислав Чернышев рассказывает про изоляционно-плагинную архитектуру в Dart-приложениях и ее применение во Flutter. 📹
В докладе обсуждаются проблемы добавления динамического поведения в Dart и Flutter-приложения, а также способы их решения с помощью изоляционно-плагинной архитектуры. 🤔
Основные темы:
🔹 Проблема добавления динамического поведения в Dart и Flutter-приложения
🔹 Изоляционно-плагинная архитектура и ее преимущества
🔹 Применение изоляционно-плагинной архитектуры во Flutter
🔹 Ограничения и сложности при реализации изоляционно-плагинной архитектуры
Станислав Чернышев делится своим опытом разработки мультиагентных систем и рассказывает, как он пришел к идее изоляционно-плагинной архитектуры. 💡
Ключевые выводы:
Изоляционно-плагинная архитектура позволяет добавлять динамическое поведение в Dart-приложения
Применение изоляционно-плагинной архитектуры во Flutter требует дополнительных усилий
Ограничения и сложности при реализации изоляционно-плагинной архитектуры
Смотрите видео полностью на YouTube: Youtube, VkVideo 📹
Понравилось видео? Подпишитесь на канал и смотрите другие видео по #FlutterPulseYoutube! 👍
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Представляем вам видео с конференции Mobius, где Станислав Чернышев рассказывает про изоляционно-плагинную архитектуру в Dart-приложениях и ее применение во Flutter. 📹
В докладе обсуждаются проблемы добавления динамического поведения в Dart и Flutter-приложения, а также способы их решения с помощью изоляционно-плагинной архитектуры. 🤔
Основные темы:
🔹 Проблема добавления динамического поведения в Dart и Flutter-приложения
🔹 Изоляционно-плагинная архитектура и ее преимущества
🔹 Применение изоляционно-плагинной архитектуры во Flutter
🔹 Ограничения и сложности при реализации изоляционно-плагинной архитектуры
Станислав Чернышев делится своим опытом разработки мультиагентных систем и рассказывает, как он пришел к идее изоляционно-плагинной архитектуры. 💡
Ключевые выводы:
Изоляционно-плагинная архитектура позволяет добавлять динамическое поведение в Dart-приложения
Применение изоляционно-плагинной архитектуры во Flutter требует дополнительных усилий
Ограничения и сложности при реализации изоляционно-плагинной архитектуры
Смотрите видео полностью на YouTube: Youtube, VkVideo 📹
Понравилось видео? Подпишитесь на канал и смотрите другие видео по #FlutterPulseYoutube! 👍
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
👍2
Flutter Mesh — синхронизация данных между устройствами без интернета и серверов
Представьте себе ситуацию, когда вам нужно обменяться данными с другим человеком, но у вас нет интернета. Это может произойти где угодно: в лесу, в горах или даже в городе, где связь нестабильна. Но что, если я скажу вам, что есть способ сделать это возможным? 😎
Сегодня мы поговорим о технологии Flutter Mesh, которая позволяет устройствам обмениваться данными напрямую, без использования интернета или серверов. Это открывает новые возможности для создания децентрализованных приложений, которые могут работать в любых условиях. 📱💻
🔹 Разберём, как создавать децентрализованные Flutter-приложения, которые синхронизируют данные напрямую между устройствами.
🔹 Пошагово разберём, как реализовать peer-to-peer обмен через Bluetooth, Wi-Fi Direct и WebRTC без интернета.
🔹 Покажем архитектуру Flutter Mesh, где каждое устройство становится полноценным узлом локальной сети.
🔹 Представим новую open-source библиотеку flutter_mesh, которая позволяет разработчикам быстро внедрять P2P-синхронизацию и локальные mesh-сети во Flutter-проекты.
👉 Для кого этот вебинар?
- Flutter-разработчиков, которым интересно выйти за рамки клиент-серверной модели и построить автономные сети.
- Мобильных инженеров, работающих над приложениями для офлайн-режимов, IoT-устройств и полевых сценариев.
- Разработчиков, интересующихся edge computing, mesh-архитектурами и P2P-связью.
💡 Что вы узнаете?
- Как реализовать синхронизацию данных между устройствами без сервера и интернета.
- Как использовать Bluetooth, Wi-Fi Direct и WebRTC во Flutter через плагины и FFI.
- Как проектировать и тестировать mesh-архитектуру с автоматическим обменом данными между пирами.
👉 Смотрите видео Youtube, VkVideo
👍 Посмотрите другие видео по #FlutterPulseYoutube и узнайте больше о мире Flutter!
FlutterPulse — канал о мире Flutter!
#Flutter #Dart #FlutterPulse #FlutterPulseYoutube
Представьте себе ситуацию, когда вам нужно обменяться данными с другим человеком, но у вас нет интернета. Это может произойти где угодно: в лесу, в горах или даже в городе, где связь нестабильна. Но что, если я скажу вам, что есть способ сделать это возможным? 😎
Сегодня мы поговорим о технологии Flutter Mesh, которая позволяет устройствам обмениваться данными напрямую, без использования интернета или серверов. Это открывает новые возможности для создания децентрализованных приложений, которые могут работать в любых условиях. 📱💻
🔹 Разберём, как создавать децентрализованные Flutter-приложения, которые синхронизируют данные напрямую между устройствами.
🔹 Пошагово разберём, как реализовать peer-to-peer обмен через Bluetooth, Wi-Fi Direct и WebRTC без интернета.
🔹 Покажем архитектуру Flutter Mesh, где каждое устройство становится полноценным узлом локальной сети.
🔹 Представим новую open-source библиотеку flutter_mesh, которая позволяет разработчикам быстро внедрять P2P-синхронизацию и локальные mesh-сети во Flutter-проекты.
👉 Для кого этот вебинар?
- Flutter-разработчиков, которым интересно выйти за рамки клиент-серверной модели и построить автономные сети.
- Мобильных инженеров, работающих над приложениями для офлайн-режимов, IoT-устройств и полевых сценариев.
- Разработчиков, интересующихся edge computing, mesh-архитектурами и P2P-связью.
💡 Что вы узнаете?
- Как реализовать синхронизацию данных между устройствами без сервера и интернета.
- Как использовать Bluetooth, Wi-Fi Direct и WebRTC во Flutter через плагины и FFI.
- Как проектировать и тестировать mesh-архитектуру с автоматическим обменом данными между пирами.
👉 Смотрите видео Youtube, VkVideo
👍 Посмотрите другие видео по #FlutterPulseYoutube и узнайте больше о мире Flutter!
FlutterPulse — канал о мире Flutter!
#Flutter #Dart #FlutterPulse #FlutterPulseYoutube
🔥2
Да кто такой этот ваш 2D-скролл? Федор Благодырь о реализации двунаправленного скролла во Flutter
Представьте себе таблицу или таймлайн, который можно скроллить не только вверх и вниз, но и влево и вправо. Это удобно, но реализовать такой функционал во Flutter было непросто. Раньше разработчикам приходилось использовать "костыли" или вовсе отказываться от такой функциональности.
Но теперь, благодаря усилиям команды Flutter, появился официальный способ реализации двунаправленного скролла. О нем и рассказал Федор Благодырь, тимлид команды видеоредактора Япи, на конференции Mobius.
Проблемы реализации двунаправленного скролла
👉 Динамический размер фрагментов: пользователь может менять масштаб таблицы или подрезать фрагменты аудио/видео.
👉 Списки внутри ячеек: необходимо эффективно отрисовывать списки внутри ячеек таблицы.
👉 Взаимодействие с фрагментами: пользователь может влиять на положение и пропорции фрагментов.
👉 Z-индекс (приоритет отрисовки): необходимо контролировать порядок отрисовки элементов.
👉 Анимации: необходимо контролировать анимации при изменении размеров ячеек.
Решение
Федор показал, как реализовать двунаправленный скролл с помощью кастомного рендер-объекта. Он продемонстрировал пример реализации на основе приложения с расписанием Mobius.
👉 Создание модели данных для таблицы.
👉 Описание лейаута таблицы на основе модели данных.
👉 Реализация кастомного рендер-объекта для двунаправленного скролла.
📊 Результаты
👉 Производительность увеличилась в 10 раз по сравнению с предыдущей реализацией.
👉 FPS стал стабильным на уровне 60 кадров в секунду.
Плюсы и минусы
👍 Плюсы: двунаправленный скролл, готовые реализации от команды Flutter, сумасшедший прирост производительности.
👍 Минусы: сложно, нет готового механизма по типу сливеров, мало возможности влиять на "внутрянку".
Посмотрите видео целиком на YouTube или в VkVideo
👍 Посмотрите другие видео по #FlutterPulseYoutube и узнайте больше о мире Flutter!
FlutterPulse — канал о мире Flutter!
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
Представьте себе таблицу или таймлайн, который можно скроллить не только вверх и вниз, но и влево и вправо. Это удобно, но реализовать такой функционал во Flutter было непросто. Раньше разработчикам приходилось использовать "костыли" или вовсе отказываться от такой функциональности.
Но теперь, благодаря усилиям команды Flutter, появился официальный способ реализации двунаправленного скролла. О нем и рассказал Федор Благодырь, тимлид команды видеоредактора Япи, на конференции Mobius.
Проблемы реализации двунаправленного скролла
👉 Динамический размер фрагментов: пользователь может менять масштаб таблицы или подрезать фрагменты аудио/видео.
👉 Списки внутри ячеек: необходимо эффективно отрисовывать списки внутри ячеек таблицы.
👉 Взаимодействие с фрагментами: пользователь может влиять на положение и пропорции фрагментов.
👉 Z-индекс (приоритет отрисовки): необходимо контролировать порядок отрисовки элементов.
👉 Анимации: необходимо контролировать анимации при изменении размеров ячеек.
Решение
Федор показал, как реализовать двунаправленный скролл с помощью кастомного рендер-объекта. Он продемонстрировал пример реализации на основе приложения с расписанием Mobius.
👉 Создание модели данных для таблицы.
👉 Описание лейаута таблицы на основе модели данных.
👉 Реализация кастомного рендер-объекта для двунаправленного скролла.
📊 Результаты
👉 Производительность увеличилась в 10 раз по сравнению с предыдущей реализацией.
👉 FPS стал стабильным на уровне 60 кадров в секунду.
Плюсы и минусы
👍 Плюсы: двунаправленный скролл, готовые реализации от команды Flutter, сумасшедший прирост производительности.
👍 Минусы: сложно, нет готового механизма по типу сливеров, мало возможности влиять на "внутрянку".
Посмотрите видео целиком на YouTube или в VkVideo
👍 Посмотрите другие видео по #FlutterPulseYoutube и узнайте больше о мире Flutter!
FlutterPulse — канал о мире Flutter!
#Flutter #Dart #FlutterPulse #FlutterPulseTips #FlutterPulseYoutube
👍1