Flutter链接跳转管理插件link_target的使用

添加了在浏览器页面底部左侧显示的超链接预览行为。可以在所有平台上安全使用，无需担心因平台检查而抛出异常。

开始使用

在你的项目pubspec.yaml文件中添加link_target依赖：

dart pub add link_target

在你的Dart代码中导入该库：

import 'package:link_target/link_target.dart';

确保将你的Material home小部件包裹在LinkTargetRegion中。

代码示例

以下是一个简单的示例，展示了如何使用LinkTargetDetector来创建可点击的链接：

import 'package:flutter/material.dart';
import 'package:link_target/link_target.dart';

class MyAppInkwellOrGestureDetector extends StatelessWidget {
  const MyAppInkwellOrGestureDetector({super.key});
  
  [@override](/user/override)
  Widget build(BuildContext context) {
    return LinkTargetDetector(
      target: 'https://dart.dev/', // 链接目标
      child: GestureDetector( // 可以换成InkWell
        child: Text('Glance dart.dev\'s link'), // 显示的文字
      ),
    );
  }
}

你可以查看example目录下的演示应用，以获取完整的示例代码。

完整示例代码

下面是一个更完整的示例，展示了如何在一个Flutter应用中使用link_target插件：

import 'package:flutter/material.dart';
import 'package:link_target/link_target.dart';

void main() {
  runApp(const LinkTargetExample());
}

class LinkTargetExample extends StatelessWidget {
  const LinkTargetExample({super.key});

  [@override](/user/override)
  Widget build(BuildContext context) {
    final titleMedium = Theme.of(context).textTheme.titleMedium;
    return MaterialApp(
      title: 'Link Target Example',
      home: LinkTargetRegion( // 包裹整个MaterialApp
        child: Scaffold(
          body: Center(
            child: Stack(
              children: [
                Center(
                  child: Column(
                    crossAxisAlignment: CrossAxisAlignment.start,
                    mainAxisSize: MainAxisSize.min,
                    children: [
                      LinkTargetDetector(
                        target: 'https://github.com/flutter/flutter', // 第一个链接
                        child: Text(
                          'Glance flutter\'s repo link',
                          style: titleMedium,
                        ),
                      ),
                      LinkTargetDetector(
                        target: 'https://flutter.dev/development', // 第二个链接
                        child: Text(
                          'Glance flutter.dev\'s link',
                          style: titleMedium,
                        ),
                      ),
                      LinkTargetDetector(
                        target: 'https://dart.dev/', // 第三个链接
                        child: Text(
                          'Glance dart.dev\'s link',
                          style: titleMedium,
                        ),
                      ),
                      LinkTargetDetector(
                        target: 'https://www.youtube.com/@flutterdev', // 第四个链接
                        child: Text(
                          'Glance Flutter YouTube\'s link',
                          style: titleMedium,
                        ),
                      ),
                    ],
                  ),
                ),
                const Positioned(
                  left: 10.0,
                  bottom: 10.0,
                  child: Icon(Icons.arrow_downward, size: 150.0), // 附加图标
                ),
              ],
            ),
          ),
        ),
      ),
    );
  }
}