Панель инструментов

Панель инструментов, расположенная в верхней части конструктора приложений, обеспечивает легкий доступ к множеству инструментов и функций. Она включает в себя опции конфигурации проекта, сохранения версии вашего приложения, доступ к справке, сообщению об ошибках или отладке, просмотру комментариев проекта, загрузке кода вашего приложения и прямому запуску вашего приложения в FlutterFlow.

Информация о проекте

Наведение курсора в этом разделе позволяет увидеть основную информацию о вашем проекте. Здесь вы легко можете проверить название проекта, название ветки, имя окружения и текущую версию FlutterFlow, которую вы используете, вместе с датой выпуска. Кроме того, здесь показана версия Flutter, на которой в настоящее время работает ваш проект.

Справка

Здесь вы получите доступ к важным ссылкам на ресурсы, которые будут полезны при создании ваших приложений.

1. Поиск документов: Если вы платный пользователь, мы позволяем вам совершать прямой поиск в нашей документации.
2. Форум сообщества: У нас есть активное сообщество, состоящее из пользователей, которые разделяют общий интерес к FlutterFlow. Это сообщество активно участвует в обсуждениях, обмене знаниями и совместных проектах, сосредоточенных вокруг FlutterFlow.
3. Обратная связь: Вы можете предоставить обратную связь и помочь нам улучшить продукт.
4. Сообщить об ошибке: Вы можете отправить отчет об ошибке отсюда.
5. Учебные пособия: Вы можете начать обучающий курс по созданию своего первого приложения прямо в FlutterFlow.
6. Часто задаваемые вопросы и документация: При создании вашего приложения вам может понадобиться часто обращаться к нашей официальной документации. Эта опция перенаправит вас на документацию FlutterFlow.
7. Что нового?: Мы хотим держать вас в курсе всех новых функций и изменений, которые вносятся в FlutterFlow. С помощью этой опции вы можете непосредственно получать доступ к обновлениям о том, что нового в FlutterFlow.
8. Текущий статус/Известные проблемы: Мы хотим держать вас информированными о текущем состоянии FlutterFlow и предоставлять обновления о любых известных проблемах. Мы ставим перед собой цель обеспечить прозрачность и держать вас в курсе производительности платформы и потенциальных проблем.
9. Показать/скрыть чат: Вы можете использовать эту опцию, чтобы показать или скрыть кнопку чата в правом нижнем углу конструктора приложений.

Горячие клавиши

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

Палитра команд

Палитра команд упрощает поиск и использование объектов в конструкторе приложений. Откройте палитру команд, щелкнув кнопку поиска или нажав Cmd/Ctrl + K. Найдите любой элемент, и чтобы узнать, где он используется, щелкните правую стрелку – мы покажем вам каждое место. Чтобы непосредственно получить доступ к элементу, просто щелкните по нему.

Инструменты искусственного интеллекта

Инструменты искусственного интеллекта FlutterFlow - это мощный набор функций, разработанный для ускорения разработки приложений с использованием искусственного интеллекта. Эти инструменты позволяют быстро создавать элементы приложения, такие как страницы, компоненты, а также целые макеты страниц с соответствующими виджетами, автоматически заполненными.

Создание новой страницы

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

Создание нового компонента

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

Из чертежа в компонент

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

Для создания компонента из чертежа откройте меню Инструменты искусственного интеллекта из панели инструментов. Затем выберите Из чертежа в компонент и рисуйте непосредственно в поле ввода или загрузите файл изображения вашего эскиза.

Автозаполнение страницы

Автозаполнение страницы интеллектуально добавляет соответствующие виджеты на страницу на основе контекста страницы, что упрощает завершение частично созданных страниц. Контекст проекта включает в себя существующие виджеты и дизайн этих виджетов, а также описание страницы.

Если у страницы нет описания, вас попросят описать, что вы хотите, чтобы содержалась на странице.

Чтобы использовать Автозаполнение страницы, откройте меню Инструменты искусственного интеллекта из панели инструментов. Затем и выберите Автозаполнение страницы на странице, которую вы хотите, чтобы FlutterFlow AI дополнил.

Размер холста

Мы позволяем вам визуализировать и проектировать свое приложение для различных мобильных, планшетных и настольных устройств. Размер холста определяется как ширина (в пикселях) x высота (в пикселях). Этот размер определяется в соответствии с выбранным устройством. Чтобы задать пользовательский размер холста, щелкните на размер холста и введите ширину и высоту (в пикселях).

История проекта

Ознакомьтесь с основными понятиями истории проекта, такими как сохранение и версионирование здесь.

Комментарии проекта

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

к сведению

Чтобы отметить пользователей, выберите символ @ и выберите члена команды проекта.

Оптимизация и улучшения

Мы сканируем и предлагаем улучшения для повышения дизайна и скорости вашего приложения. Представьте, что у вас есть личный консультант по дизайну и производительности, посвященный улучшению пользовательского опыта вашего приложения.

Оптимизации: Мы выделяем элементы, которые могут замедлить ваше приложение. Например, запрос на столбец, неиспользуемый и дублирующийся запрос на бэкэнд, виджет с неограниченным размером и т. д.

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

к сведению

Вы можете контролировать, какие рекомендации вы хотели бы получить, нажав на значок настроек справа.

Проблемы проекта

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

Ошибки против Предупреждений

Ошибки препятствуют компиляции и запуску вашего приложения. Их необходимо решить для запуска приложения. Это могут быть вызваны отсутствующими действиями, ошибками в пользовательском коде, неправильными типами данных и т. д.

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

Ветвление

Ветвление позволяет вам создать отдельную копию вашего текущего проекта, позволяя вам разрабатывать новые функции, не затрагивая текущую функциональность.

Меню разработчика

Меню разработчика предоставляет разработчикам доступ к таким инструментам, как просмотр кода, интеграция с GitHub и возможности загрузки исходного кода.

1. Просмотр кода: Эта опция позволяет отображать Dart код всех страниц вашего проекта FlutterFlow. Здесь вы также можете посмотреть используемые зависимости приложением.

2. Подключить репозиторий GitHub: Вы можете использовать эту опцию для подключения и загрузки вашего проекта в репозиторий GitHub. См. пошаговое руководство здесь.

3. Загрузить код: С помощью этой опции можно загрузить весь исходный код приложения, сгенерированный FlutterFlow.

4. Загрузить APK: Используйте это, чтобы создать выпуск вашего приложения для Android. Файл .apk автоматически загрузится после завершения процесса сборки.

5. FlutterFlow CLI: Вы также можете загрузить код с помощью FlutterFlow CLI. См. инструкции здесь.

примечание

Функци