#Syncfusion

В первом видео мы создали приложение #FlutterFlow, которое отображает прекрасную анимированную диаграмму, используя локальные данные, с помощью столбчатой ​​диаграммы #Syncfusion. Эта библиотека содержит более 30 различных типов диаграмм, которые легко реализовать во FlutterFlow!

В этом видео я дополню ранее созданное приложение, обновив его для использования #Supabase в качестве источника данных для передачи данных в наш настраиваемый виджет #Syncfusion. Сначала вы узнаете, как подготовить базу данных и создать примеры данных. Затем мы приступим к подготовке приложения FlutterFlow, включив необходимые детали для поддержки чтения данных Supabase, а затем выполним простое преобразование строк Supabase в данные диаграммы.

Кроме того, вы узнаете, как использовать циклы для решения этой задачи вместо написания собственного кода для реализации той же техники. Мы также используем небольшой #lowcode для предоставления параметров фильтрации наших данных.

👉 Посмотрите первое видео —    • #Syncfusion Beautiful Charts in #FlutterFl...  

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

Не забудьте клонировать стартовый проект по ссылке ниже, чтобы следить за этим видео. Этот стартовый проект — финальный проект из предыдущего видео!

_____

Стартовый проект: https://app.flutterflow.io/project/sy...
Финальный проект: https://app.flutterflow.io/project/sy...

Финальная настройка проекта
1. Убедитесь, что вы добавили URL-адрес и ключ API Supabase в настройки Supabase.
2. Убедитесь, что вы скомпилировали пользовательский виджет и пользовательскую функцию.

🔥 Ищете больше контента и полезное сообщество? Почему бы не присоединиться к Академии #Nocode от The Digital Pro по адресу https://www.thedigitalpro.co.uk?

_____

Главы

00:00 Введение
00:30 Создание таблиц Supabase
01:19 Генерация данных для таблиц
02:02 Импорт данных в Supabase
02:38 Настройка проекта-примера для работы с Supabase
03:35 Переменные состояния страницы для цикла отслеживания
04:52 Начало настройки действий
15:06 Тестирование приложения + Заключение

_____

🚀 Академия NoCode от The Digital Pro: https://www.thedigitalpro.co.uk
(Поддержите канал и отключите рекламу! 😉)

🔥 Если вам нравится мой контент, почему бы не угостить меня кофе? Я очень ценю это: https://www.thedigitalpro.co.uk/coffee

👍 Поддержите канал и Получите бесплатный аккаунт FlutterFlow, нажав здесь: https://www.thedigitalpro.co.uk/flutt...

🎉 Мы очень ценим вашу любовь... Лайк под этим видео — это как «дай пять»!!! Спасибо всем.