Если вам нужно разработать приложение, оставьте заявку на платформе RIWO — я или моя команда подключимся к вашему проекту 👉🏻
Больше интересного о нейросетях и no-code в моём ТГ-канале👉🏻
В этом видео я подробно расскажу, как использовать App State во FlutterFlow — один из ключевых инструментов для хранения и передачи данных между страницами вашего no-code приложения. App State — это глобальные переменные, доступные во всём проекте, и именно они позволяют делать взаимодействие пользователя с приложением более динамичным и персонализированным 🚀 00:00 Приветствие и тема видео — App State во FlutterFlow 00:21 Уровни переменных во FlutterFlow: Component State, Page State, App State 00:40 Как создать App State переменную (username, string, integer, object) 01:21 Persistent переменные — сохранение данных после перезагрузки 01:48 Пример: регистрация пользователя и сохранение имени в App State 02:12 Rebuild All, Rebuild Current Page, No Rebuild — что выбрать? 02:57 Вывод имени пользователя на главной странице (App State Username) 03:20 Создание корзины товаров во FlutterFlow с помощью App State 03:42 Подключение API и маппинг данных для списка товаров 04:29 Создание переменной Cart типа List of JSON в App State 04:59 Настройка кнопки «Добавить в корзину» и сохранение товаров 05:21 Экран корзины: вывод товаров из App State Cart 05:45 Тестирование корзины и работа глобальных переменных Я покажу, как создавать переменные App State, когда их лучше использовать, чем они отличаются от Page State и Component State. Вы увидите на практике, как они применяются для хранения имени пользователя после регистрации, а также — как реализовать корзину товаров с помощью App State во FlutterFlow, используя API-запрос и работу с JSON-объектами. 🔧 Что вы узнаете из этого видео: Как устроены глобальные переменные App State Когда использовать App State, а когда Page State или Component State Какие типы данных можно сохранять (String, Boolean, JSON, List и др.) Как сохранять значение App State даже после перезапуска приложения Как правильно обновлять переменные и перерисовывать интерфейс Как связать переменные App State с действиями пользователя Как создать корзину товаров на FlutterFlow и связать её с App State Как подключить API, обработать JSON-ответ и отобразить данные в ListView Как грамотно работать с JSONPath в интерфейсе 🔥 Видео особенно полезно: No-code разработчикам, которые создают мобильные или веб-приложения во FlutterFlow Предпринимателям и фрилансерам, которые хотят быстро протестировать MVP Тем, кто хочет автоматизировать процессы и не тратить время на программирование Всем, кто сталкивался с болью: «как передать данные между страницами» или «как сохранить состояние корзины» в приложении 🎯 App State во FlutterFlow часто вызывает вопросы у начинающих no-code разработчиков: как правильно настроить глобальные переменные, где хранить пользовательские данные, как сделать корзину, которая не обнуляется при перезапуске приложения. Все эти боли я детально разбираю в видео. Я демонстрирую всё на практике: от настройки проекта и создания переменных App State до интеграции с API и отображения списка товаров. Это не просто теория — это рабочий кейс, который вы сможете повторить и адаптировать под свои задачи 💡 Многие no-code разработчики боятся сложных логик или путаются в состоянии приложения. App State — это решение, которое делает архитектуру вашего проекта понятной и управляемой. Я расскажу, как использовать Rebuild Current Page, Rebuild All Pages и No Rebuild — и когда какой вариант выбирать. Также вы узнаете, как работать с Persisted-переменными, чтобы сохранять значения даже после закрытия приложения. Это критично для UX и позволит вам создавать приложения, которыми приятно пользоваться 🧠 В видео я использую реальные примеры: Передача имени пользователя между регистрацией и главной страницей Хранение списка товаров из API в переменной App State Реализация кнопки «Добавить в корзину» Настройка отображения содержимого корзины на отдельном экране FlutterFlow позволяет создать мощные продукты без кода, но без понимания App State во FlutterFlow вы не сможете сделать по-настоящему интерактивные приложения. Это обязательная тема для каждого no-code разработчика! 📲 Подписывайтесь, ставьте лайк, активируйте колокольчик — и напишите в комментариях, какой пример оказался для вас самым полезным! Подпишитесь на мои социальные сети, чтобы получать полезную информацию о no-code и нейросетях: 👉🏻 YouTube канал: / @konstantinpopov. 👉🏻 Телеграм канал:
👉🏻 VK:
https://vk.com/popov_konst 👉🏻 Дзен:
#flutterflow #nocode #appstate #глобальныепеременные #разработкаприложений
