Перейти к основному содержимому

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

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

toolbar

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

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

Меню справки

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

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

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

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

keyboard-shortcut.avif

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

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

command-palette.avif

История генерации ИИ

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

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

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

к сведению

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

Предложения по проекту

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

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

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

к сведению

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

Optimization.avif

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

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

Ошибки и предупреждения

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

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

Warning-and-errors.avif

Контроль версий

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

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

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

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

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

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

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

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

примечание

Функции Подключить репозиторий GitHub, Скачать код и Скачать APK требуют платного плана.

  1. Открыть в VSCode: Эта опция позволяет открыть весь проект FlutterFlow в среде VS Code, предлагая более богатый опыт разработки. У вас будет автодополнение в реальном времени и обнаружение ошибок, более легкий доступ к существующим инструментам Flutter и Dart, а также возможность использовать экосистему ИИ.

  2. Рефакторинг проекта: Эта опция открывает ваш проект FlutterFlow в редакторе файлов на основе YAML, позволяя выполнять массовые правки более эффективно. Вы можете искать, редактировать и заменять значения в нескольких файлах — это полезно для переименования ключей, обновления типов данных или миграции ресурсов в библиотеку. Подробности см. в документации по рефакторингу проекта.

Общий доступ к проекту

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

примечание
  • Вы можете публиковать только проекты, владельцем которых являетесь.
  • Функцию публикации можно использовать для создания элементов Marketplace. Подробнее об этом см. здесь.

Просмотр приложения

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

Режим тестирования

Это меню позволяет запустить приложение в режиме тестирования или режиме выполнения.