Flutter,url_启动器

6pp0gazn  于 2023-03-04  发布在  Flutter
关注(0)|答案(1)|浏览(156)

请帮助url_launcher。添加了pubspec.yaml的所有内容。我还在学习中,通过一个例子,一切都变得更加清晰。我在这里有什么问题吗?我需要在按钮上放一个按钮的链接。

Container(
        padding: EdgeInsets.all(10),
        child: ElevatedButton(
          onPressed: () async {
            const url = 'https://google.com';
          },
          style: ElevatedButton.styleFrom(
              fixedSize: const Size(350, 50),
              backgroundColor: Colors.lightBlueAccent),
          child: Text(
            "Common Bond booklet",
            style: TextStyle(fontSize: 20),
          ),
        ),
      ),
6uxekuva

6uxekuva1#

要在按下按钮时打开链接,您可以执行以下操作(在按钮小部件内):

onPressed: () {
  launchUrl(Uri.parse('https://example.com'));
},

在调用launchUrl之前确保URL有效始终是一种好的做法,类似于:

onPressed: () {
  final uri = Uri.tryParse('some link here');
  if (uri != null) {
    launchUrl(uri);
  }
},

通常,url_launcher接受dart Uri类的对象作为参数:https://api.flutter.dev/flutter/dart-core/Uri-class.html.
因此,在ElevatedButton的情况下,它可能如下所示:

ElevatedButton(
  onPressed: () {
    final uri = Uri.tryParse('<some url here>');
    if (uri != null) {
      launchUrl(uri);
    }
  },
  child: const Text('<some text button here>'),
),

只需记住导入url_launcher:

import 'package:url_launcher/url_launcher.dart';

相关问题