flutter如何实现点击一文字后 打开对应的超链接

flutter如何实现点击一文字后 打开对应的超链接

Flutter 可以实现点击文本后使用浏览器打开一个网址,例如 "www.baidu.com"。这可以通过使用 url_launcher 包来实现。首先,您需要在您的 pubspec.yaml 文件中添加 url_launcher 依赖。

复制代码
  url_launcher: ^6.3.0

下面是示例代码

复制代码
import 'package:flutter/material.dart';
import 'package:url_launcher/url_launcher.dart';

final Uri _url = Uri.parse('https://www.baidu.com');

void main() => runApp(
      const MaterialApp(
        home: Material(
          child: Center(
            child: ElevatedButton(
              onPressed: _launchUrl,
              child: Text('点击打开百度'),
            ),
          ),
        ),
      ),
    );

Future<void> _launchUrl() async {
  if (!await launchUrl(_url)) {
    throw Exception('Could not launch $_url');
  }
}
相关推荐
程序员老刘12 小时前
Dart Skills CLI 1.0发布,老刘年初的预言兑现了
flutter·ai编程·dart
天空之城--18 小时前
Flutter UI 绘制原理浅析
flutter
yume_sibai21 小时前
01-Flutter入门指南
flutter
lqj_本人1 天前
Flutter 三方库「flutter_ble_peripheral」的鸿蒙化适配指南
flutter·华为·harmonyos
lqj_本人1 天前
Flutter 三方库「flutter-dualscreen」的鸿蒙化适配指南
flutter·华为·harmonyos
●VON2 天前
鸿蒙跨平台框架怎么选?从真实需求比较 Flutter、React Native、KMP/CMP 与 Web 路线
flutter·react native·harmonyos
lqj_本人2 天前
Flutter 三方库「flutter_displaymode」的鸿蒙化适配指南
flutter·华为·harmonyos
lqj_本人2 天前
Flutter 三方库「drag_and_drop_flutter」的鸿蒙化适配指南
flutter·华为·harmonyos
天空之城--2 天前
Flutter 三棵树:原理、机制与最佳实践
flutter
天空之城--2 天前
Flutter线程模型完全指南:从架构到实战
flutter·架构