Как сделать значок кликабельным и перенаправить его на URL-адрес в флаттере

Итак, у меня есть приложение, в котором есть раздел с некоторыми значками, и я хочу сделать эти значки кликабельными и перенаправить на URL-адрес по своему выбору. Я пробовал использовать url_launcher: ^6.1.6 и url_launcher: ^5.7.8 (по крайней мере, один из них вывел меня на пустую страницу). Я не знаю, что делать сейчас. код ссылки выглядит так:

и код, чтобы сделать значок кликабельным, выглядит следующим образом:

А приложение выглядит так:

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

Можете ли вы включить как фрагмент кода

Yeasin Sheikh 21.11.2022 16:55

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

powerman23rus 21.11.2022 17:02

await canLaunch(url) возвращается false?

Raiyan 21.11.2022 17:10

Вы добавили необходимую конфигурацию для Android и iOS, указанную в документации url_launcher: pub.dev/packages/url_launcher#configuration?

Raiyan 21.11.2022 17:32
Шаблоны Angular PrimeNg
Шаблоны Angular PrimeNg
Как привнести проверку типов в наши шаблоны Angular, использующие компоненты библиотеки PrimeNg, и настроить их отображение с помощью встроенной...
Создайте ползком, похожим на звездные войны, с помощью CSS и Javascript
Создайте ползком, похожим на звездные войны, с помощью CSS и Javascript
Если вы веб-разработчик (или хотите им стать), то вы наверняка гик и вам нравятся "Звездные войны". А как бы вы хотели, чтобы фоном для вашего...
Документирование API с помощью Swagger на Springboot
Документирование API с помощью Swagger на Springboot
В предыдущей статье мы уже узнали, как создать Rest API с помощью Springboot и MySql .
Начала с розового дизайна
Начала с розового дизайна
Pink Design - это система дизайна Appwrite с открытым исходным кодом для создания последовательных и многократно используемых пользовательских...
Шлюз в PHP
Шлюз в PHP
API-шлюз (AG) - это сервер, который действует как единая точка входа для набора микросервисов.
14 Задание: Типы данных и структуры данных Python для DevOps
14 Задание: Типы данных и структуры данных Python для DevOps
проверить тип данных используемой переменной, мы можем просто написать: your_variable=100
0
4
226
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

как я вижу, то, что вы используете для реализации кода url_launcher, устарело, canLaunch() устарело, вам нужно использовать canLaunchUri(), или вы можете просто попробовать следующее.

используя пакет url_launcher, допустим, у вас есть такие иконки:

IconButton(
onPressed: () async {
   await  goToWebPage("https://flutter.dev");
 },
 icon: Icon(Icons.add)
),


 IconButton(
onPressed: () async {
   await  goToWebPage("https://instagram.com");
 },
 icon: Icon(Icons.done)
)

вы можете просто реализовать свой метод, например:

 Future<void> goToWebPage(String urlString) async {
   final Uri _url = Uri.parse(urlString);
  if (!await launchUrl(_url)) {
    throw 'Could not launch $_url';
  }
}

это попытается открыть ссылку https://flutter.dev в браузере, если возникнут какие-либо проблемы, оно выдаст исключение

Отлично Сработало! Но как мне сделать так, чтобы каждая иконка имела отдельный URL-адрес, например, иконка 1 идет на flutter.com, а иконка 2 — на instagram.com/ и так далее?

CivaaBTW 21.11.2022 17:59

позвольте мне отредактировать ответ, чтобы он соответствовал этому случаю

Gwhyyy 21.11.2022 18:00

проверьте это сейчас, я обновил это $

Gwhyyy 21.11.2022 18:02

Другие вопросы по теме