Действие Launch URL позволяет указать URL, который будет открыт с помощью поддерживающего его приложения. Если существует более одного приложения, которое может работать с указанным URL, пользователю будет предложено диалоговое окно, в котором можно выбрать одно из приложений.
На этой странице будут описаны некоторые общие схемы URL, которые вы можете определить с помощью FlutterFlow.
Основной URL
Действие Launch URL можно вызвать из любого настраиваемого компонента FlutterFlow, обычно они определяются как действие кнопки или виджета IconButton.
Давайте определим базовый пользовательский интерфейс с помощью FlutterFlow:
- Перетащите AppBar на холст.
- Теперь добавьте виджет Column на холст, установите его горизонтальное выравнивание на «0» и выравнивание по главной оси как Center.
- Поместите виджет Button внутри колонки. Вы можете установить соответствующий текст для кнопки и изменить некоторые ее свойства в соответствии с вашими потребностями.
- Выберите кнопку и перейдите на панель свойств (справа), перейдите на вкладку Действия.
- Нажмите + Добавить действие и выберите Включение из выпадающего меню.
- Выберите тип действия Launch URL.
- В свойстве Тип значения URL выберите либо Указать URL (чтобы добавить URL как строку), либо Из переменной (чтобы использовать значение, хранящееся в строковой переменной).
- При использовании параметра Specify URL введите URL, который вы хотите использовать, в поле URL. Например, вы можете ввести «https://flutter.dev», чтобы открыть веб-страницу Flutter.
- При использовании параметра From Variable выберите источник, из которого будет получено значение URL. Вы также можете указать значение по умолчанию, которое будет использоваться, если значение переменной не установлено (т.е. равно нулю).
- (Необязательно) Вы можете использовать свойство Set Conditional Execution и определить условие, если хотите, чтобы действие выполнялось только при выполнении этого условия.
Ниже приведены некоторые распространенные схемы URL, которые могут обрабатываться внешним приложением, установленным на устройстве пользователя.
Открыть веб-страницу
Схема URL для загрузки веб-страницы может быть определена в таком формате:
Схема
http:<ссылка URL веб-страницы
https:<ссылка URL веб-страницы>
Пример
https://flutter.dev
Использование телефонного номера
Эта схема URL помогает работать с телефонными номерами внутри вашего приложения. Используя ее, вы можете легко инициировать телефонный звонок на указанный номер телефона с устройства пользователя.
Схема
tel:<номер телефона>
Пример
tel:2125551212
Составить текстовое сообщение
Эта схема URL позволяет перенаправить пользователей из вашего приложения для составления и отправки SMS-сообщения на указанный номер телефона.
Схема
sms:<номер_телефона>
Пример
sms:2125551212
Создайте электронное письмо
Эта схема URL помогает запустить приложение электронной почты на устройстве пользователя. Она позволяет передать приложению email to, тему и тело письма, чтобы эти поля заполнялись данными при открытии почтового приложения.
Схема
mailto:<email_address>?subject=<subject>&body=<body>
Пример
mailto:name@example.org?subject=Welcome%20to%20FlutterFlow&body=Hey%20there
Это передаст следующие данные в почтовое приложение:
mailto: name@example.org, subject: Добро пожаловать в FlutterFlow, тело: Привет
Обзор кода
Вы можете просмотреть код, который генерируется FlutterFlow в фоновом режиме, перейдя в меню Разработчик > Просмотр кода на панели инструментов.
Сгенерированный код для действия Launch URL Action выглядит следующим образом:
В приведенном выше коде метод launchURL() используется для передачи строки URL плагину url_launcher для открытия URL соответствующим приложением.
Ссылки
Вы можете найти еще несколько схем URL по ссылкам ниже (некоторые схемы URL отличаются для платформ Android и iOS):
- Схемы URL для Android
- Схемы URL для iOS