selectable_autolink_text 1.1.1

Generate inline links that can be selected, clicked and long pressed in text for Flutter.

Selectable Autolink Text

Generate inline links that can be selected, clicked and long pressed in text for Flutter

Install

https://pub.dev/packages/selectable_autolink_text#-installing-tab-

Usage

Basic

import 'package:selectable_autolink_text/selectable_autolink_text.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SelectableAutoLinkText(
      'Basic https://flutter.dev',
      linkStyle: TextStyle(color: Colors.blueAccent),
      onTap: (url) => print('🍅Tap: $url'),
      onLongPress: (url) => print('🍕LongPress: $url'),
    );    
  }
}

Advanced

import 'package:selectable_autolink_text/selectable_autolink_text.dart';
import 'package:share/share.dart';
import 'package:url_launcher/url_launcher.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SelectableAutoLinkText(
      '''
Advanced
Selectable Autolink Text https://github.com/housmart/flutter_selectable_autolink_text
for Flutter https://flutter.dev
tel:[phone]
email [e-mail]''',
      style: TextStyle(color: Colors.black87),
      linkStyle: TextStyle(color: Colors.purpleAccent),
      onTransformDisplayLink: AutoLinkUtils.shrinkUrl,
      onTap: (url) async {
        print('🌶Tap: $url');
        if (await canLaunch(url)) {
          launch(url, forceSafariVC: false);
        }
      },
      onLongPress: (url) {
        print('🍔LongPress: $url');
        Share.share(url);
      },
    );
  }
}

Customized

import 'package:selectable_autolink_text/selectable_autolink_text.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return SelectableAutoLinkText(
      'Custom link @screen_name. Hello #hash_tag! Like https://twitter.com.',
      style: TextStyle(color: Colors.brown),
      linkStyle: TextStyle(color: Colors.orangeAccent),
      linkRegExpPattern: '(@[\\w]+|#[\\w]+|${AutoLinkUtils.urlRegExpPattern})',
      onTransformDisplayLink: AutoLinkUtils.shrinkUrl,
      onTap: (url) => print('🍒Tap: $url'),
      onLongPress: (url) => print('🍩LongPress: $url'),
      onDebugMatch: (match) =>
          print('DebugMatch:[${match.start}-${match.end}]`${match.group(0)}`'),
    );
  }
}

More advanced

import 'package:selectable_autolink_text/selectable_autolink_text.dart';

class MyHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    final blueStyle = const TextStyle(color: Colors.blueAccent);
    final pinkStyle = const TextStyle(color: Colors.pinkAccent);
    final bold1Style = const TextStyle(fontWeight: FontWeight.bold, fontSize: 16);
    final bold2Style = const TextStyle(fontWeight: FontWeight.bold, fontSize: 14);
    final italic2Style = const TextStyle(fontStyle: FontStyle.italic, fontSize: 14);
    final regExpPattern = r'\[([^\]]+)\]\(([\S]+)\)';
    final regExp = RegExp(regExpPattern);
    
    return SelectableAutoLinkText(
     '[More advanced usage](bold1)\n'
     '\n'
     '[This is a link text](https://google.com)\n'
     '[This text is bold](bold2)\n'
     'This text is normal\n'
     '[This text is italic](italic2)\n'
     '[This text is pink](pink)\n',
     linkRegExpPattern: regExpPattern,
     onTransformDisplayTextAttr: (s) {
       final match = regExp.firstMatch(s);
       if (match?.groupCount == 2) {
         final text1 = match.group(1);
         final text2 = match.group(2);
         switch (text2) {
           case 'bold1':
             return TextAttribute(text1, style: bold1Style);
           case 'bold2':
             return TextAttribute(text1, style: bold2Style);
           case 'italic2':
             return TextAttribute(text1, style: italic2Style);
           case 'pink':
             return TextAttribute(text1, style: pinkStyle);
           default:
             if (text2.startsWith('http')) {
               return TextAttribute(text1, style: blueStyle, link: text2);
             } else {
               return TextAttribute(text1);
             }
         }
       }
       return TextAttribute(s);
     },
     onTap: (url) => launch(url, forceSafariVC: false),
     onLongPress: (url) => Share.share(url),
   );
  }
}