Создание аккаунта

Аккаунт FlutterFlow бесплатный, и количество проектов в нём не ограничено.

Зарегистрироваться можно через Apple, Google или GitHub.

Системные требования

FlutterFlow работает в браузере, а также ставится как десктопное приложение.

Общие рекомендации:

  • Экран с разрешением от 1280 × 1024

Браузер:

  • Лучше всего FlutterFlow работает в Google Chrome
  • Держите браузер в актуальном состоянии — в пределах двух последних версий
  • Для app.flutterflow.io разрешите всплывающие окна, перенаправления и доступ к буферу обмена

Десктоп:

  • macOS: формально достаточно 10.13 и выше, на практике лучше 13 и выше
  • Windows: формально достаточно 7 и выше, на практике лучше 10 и выше
инфо

На некоторых конфигурациях Windows приложение падает при запуске. Лечится установкой Microsoft Visual C++ 2015–2022 Redistributable (обе версии, x64 и x86) с сайта Microsoft.

Требования к платформам, под которые вы собираете приложение, перечислены в документации Flutter.

Десктоп или браузер:

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

Оговорка: десктопные сборки пока в статусе превью, и время от времени в них попадаются шероховатости.

На macOS и Windows десктопное приложение умеет открывать ссылки FlutterFlow сразу на нужной странице проекта, вкладке настроек или разделе дашборда. Ссылка может прийти в чате, в задаче из трекера или быть скопирована из адресной строки веб-версии.

Приложение понимает два вида ссылок:

  • ссылки flutterflow://, например flutterflow://project/PROJECT_ID?tab=uiBuilder — по клику система сама открывает их в десктопном приложении;
  • ссылки, скопированные из веб-версии FlutterFlow.

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

  1. В проекте откройте палитру команд — Command + K на macOS или Ctrl + K на Windows — и выберите Open FlutterFlow Link. На macOS то же самое есть в меню File > Open FlutterFlow Link… и на сочетании Command + Shift + O.
  2. Вставьте ссылку и нажмите Open.

Если ссылка не ведёт ни на один поддерживаемый раздел FlutterFlow, окно покажет ошибку.

Чтобы поделиться тем, над чем вы сейчас работаете, откройте палитру команд и выберите Copy Desktop Link to Current View. FlutterFlow скопирует ссылку flutterflow://, которая откроет в десктопном приложении тот же проект, вкладку и страницу или компонент.

Команда Copy Desktop Link to Current View в палитре команд

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

  1. В веб-версии зайдите на страницу My Account.
  2. В блоке Desktop Application включите Open in desktop app. Если вместо переключателя там варианты на выбор, отметьте Desktop app.

Теперь, если открыть ссылку на проект в новой вкладке браузера, проект откроется в десктопном приложении на нужном месте. В первый раз браузер может спросить разрешение запустить приложение FlutterFlow. Во вкладке появится надпись Link opened in the FlutterFlow desktop app; чтобы всё-таки открыть проект в браузере, нажмите Open here instead.

инфо
  • Десктопное приложение должно быть установлено. Настройка касается только ссылок, открытых из веб-версии.
  • Срабатывает она лишь при открытии ссылки в новой вкладке. Переходы внутри веб-версии, например из дашборда, остаются в браузере. Чтобы конкретная ссылка открылась в браузере, допишите к ней ?noRedirect=1, а если в адресе уже есть параметры — &noRedirect=1.
перевод официальной документации FlutterFlow

обновлено · перевод от

⌕ ESC