多链接文本

Flutter 包 multi_link_text 允许您创建带有可点击链接和其他样式选项的文本。

screen

特点

可点击链接

  • MultiLinkText 允许您将某些单词指定为可点击链接，您可以定义在单击这些链接时执行的操作。

富文本支持

  • 它支持富文本格式，使您能够自定义文本中不同单词的外观。

段落处理

  • 您可以在文本中包含段落分隔符，该小部件会相应地处理它们。

安装

要使用此包，请将 multi_link_text 添加到您的 pubspec.yaml 文件中作为依赖项。

dependencies:
  flutter:
    sdk: flutter
  multi_link_text: ^0.0.4  # Use the latest version

‼️ 然后运行以下命令来获取包

flutter clean
flutter pub get

用法

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

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

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Multi Link Text example'),
          backgroundColor: Colors.orange,
        ),
        body: const Center(
          child: MultiLinkText(
            data: 'It is Multi Link Text package. How to use it? Click ME !',
            params: {'ME': 'https://www.google.com'},
            extraParams: ['Multi', 'Link', 'Text', 'How'],
            paragraph: ['How'],
            extraParamsStyle: TextStyle(
              decoration: TextDecoration.underline,
              decorationStyle: TextDecorationStyle.wavy,
              color: Colors.green,
              fontSize: 25,
            ),
            paramsStyle: TextStyle(
              decoration: TextDecoration.underline,
              decorationStyle: TextDecorationStyle.wavy,
              color: Colors.orange,
              fontSize: 20,
              decorationColor: Color(0xFFFF6F00),
            ),
            style: TextStyle(fontSize: 25, color: Colors.black),
          ),
        ),
      ),
    );
  }
}

贡献

欢迎贡献！请随时提交问题和拉取请求。

GitHub

查看 Github