flutter_parsed_text 1.0.0

A Flutter package to parse text and make them into multiple Flutter Text widget.

example/lib/main.dart

import 'package:flutter/cupertino.dart';
import 'package:flutter/material.dart';
import 'package:flutter_parsed_text/flutter_parsed_text.dart';
import 'package:url_launcher/url_launcher.dart';

main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'example_app',
      home: MainApp(),
    );
  }
}

class MainApp extends StatefulWidget {
  @override
  _MainAppState createState() => _MainAppState();
}

class _MainAppState extends State<MainApp> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Column(
        children: <Widget>[
          SizedBox(
            height: 40.0,
          ),
          ParsedText(
            text:
                "[@michael:51515151] Hello this is an example of the ParsedText, links like http://www.google.com or http://www.facebook.com are clickable and phone number 444-555-6666 can call too. But you can also do more with this package, for example Bob will change style and David too. [e-mail] And the magic number is 42! #react #react-native",
            parse: <MatchText>[
              MatchText(
                  type: "email",
                  style: TextStyle(
                    color: Colors.red,
                    fontSize: 24,
                  ),
                  onTap: (url) {
                    launch("mailto:" + url);
                  }),
              MatchText(
                  type: "url",
                  style: TextStyle(
                    color: Colors.blue,
                    fontSize: 24,
                  ),
                  onTap: (url) {
                    launch(url);
                  }),
              MatchText(
                  type: "phone",
                  style: TextStyle(
                    color: Colors.green,
                    fontSize: 24,
                  ),
                  onTap: (url) {
                    launch("tel:" + url);
                  }),
              MatchText(
                  pattern: r"\[(@[^:]+):([^\]]+)\]",
                  style: TextStyle(
                    color: Colors.green,
                    fontSize: 24,
                  ),
                  renderText: ({String str, String pattern}) {
                    Map<String, String> map = Map<String, String>();
                    RegExp customRegExp = RegExp(pattern);
                    Match match = customRegExp.firstMatch(str);
                    map['display'] = match.group(1);
                    map['value'] = match.group(2);
                    return map;
                  },
                  onTap: (url) {
                    showDialog(
                      context: context,
                      builder: (BuildContext context) {
                        // return object of type Dialog
                        return AlertDialog(
                          title: new Text("Mentions clicked"),
                          content: new Text("$url clicked."),
                          actions: <Widget>[
                            // usually buttons at the bottom of the dialog
                            new FlatButton(
                              child: new Text("Close"),
                              onPressed: () {},
                            ),
                          ],
                        );
                      },
                    );
                  }),
              MatchText(
                  pattern: r"\B#+([\w]+)\b",
                  style: TextStyle(
                    color: Colors.pink,
                    fontSize: 24,
                  ),
                  onTap: (url) async {
                    showDialog(
                      context: context,
                      builder: (BuildContext context) {
                        // return object of type Dialog
                        return AlertDialog(
                          title: new Text("Hashtag clicked"),
                          content: new Text("$url clicked."),
                          actions: <Widget>[
                            // usually buttons at the bottom of the dialog
                            new FlatButton(
                              child: new Text("Close"),
                              onPressed: () {},
                            ),
                          ],
                        );
                      },
                    );
                  })
            ],
            style: TextStyle(fontSize: 24),
          )
        ],
      ),
    );
  }
}