Flutter文本链接识别插件 linkify_plus 的使用

linkify_plus 是一个用于Flutter的插件，它能够将文本中的URL和电子邮件地址转换为可点击的内联链接。该插件支持Dart >= 2.12，并且具有空安全特性。

安装

在你的 pubspec.yaml 文件中添加以下依赖：

dependencies:
  linkify_plus: ^5.0.2

推荐同时添加 url_launcher 依赖以在浏览器或操作系统中打开链接：

dependencies:
  url_launcher: ^6.0.3

使用示例

基本用法

导入 linkify_plus 并使用 Linkify 小部件来显示文本链接：

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Linkify Example')),
        body: Center(
          child: Linkify(
            onOpen: (link) => print("Clicked ${link.url}!"),
            text: "Made by https://cretezy.com",
          ),
        ),
      ),
    );
  }
}

样式设置

你可以自定义非链接文本和链接文本的样式，并使用 url_launcher 打开链接：

import 'package:flutter/material.dart';
import 'package:linkify_plus/linkify_plus.dart';
import 'package:url_launcher/url_launcher.dart';

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Linkify with Style')),
        body: Center(
          child: Linkify(
            onOpen: (link) async {
              if (await canLaunch(link.url)) {
                await launch(link.url);
              } else {
                throw 'Could not launch $link';
              }
            },
            text: "Made by https://cretezy.com",
            style: TextStyle(color: Colors.yellow),
            linkStyle: TextStyle(color: Colors.red),
          ),
        ),
      ),
    );
  }
}

高级选项

可以通过 options 参数控制是否启用 URL 人性化（去除 http:// 或 https://）：

Linkify(
  text: "Made by https://cretezy.com",
  options: LinkifyOptions(humanize: false),
);

可选文本

使用 SelectableLinkify 小部件创建可选择的文本：

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

void main() => runApp(MyApp());

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(title: Text('Selectable Linkify')),
        body: Center(
          child: SelectableLinkify(
            text: "Made by https://cretezy.com\n\nMail: example@gmail.com",
          ),
        ),
      ),
    );
  }
}

完整示例

下面是一个完整的示例，展示如何使用 Linkify 和 SelectableLinkify：

import 'package:flutter/material.dart';
import 'package:linkify_plus/linkify_plus.dart';
import 'package:url_launcher/url_launcher.dart';

void main() => runApp(LinkifyExample());

class LinkifyExample extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      title: 'linkify_plus example',
      home: Scaffold(
        appBar: AppBar(title: const Text('linkify_plus example')),
        body: Column(
          mainAxisAlignment: MainAxisAlignment.spaceEvenly,
          children: <Widget>[
            Center(
              child: Linkify(
                onOpen: _onOpen,
                textScaleFactor: 2,
                text:
                    "Hi Jane,Please be advised your team has added a new educational resource \n#https://preprod.caremonitor.com.au/links/?c=UI0b5V0#Falls prevention – eyesight# to your resource library. ",
              ),
            ),
            Center(
              child: Linkify(
                onOpen: _onOpen,
                textScaleFactor: 2,
                text: "Made by #https://cretezy.com#falls#",
              ),
            ),
            Center(
              child: SelectableLinkify(
                onOpen: _onOpen,
                textScaleFactor: 4,
                text: 'Hello @JohnDoe, did you see what @JaneDoe posted?',
              ),
            ),
          ],
        ),
      ),
    );
  }

  Future<void> _onOpen(LinkableElement link) async {
    if (await canLaunch(link.url)) {
      await launch(link.url);
    } else {
      throw 'Could not launch $link';
    }
  }
}

以上示例展示了如何在Flutter应用中集成并使用 linkify_plus 插件，实现文本链接的自动识别与处理。