jtdetector 1.1.2

Just An Amazing Highly Customizable Text & Text Field Detector Widgets Package That Can Detect Url,HashTag,Email,User Tag & any Other Pattern.

example/lib/main.dart

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

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

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'JText Detector Example',
      theme: ThemeData(
        // This is the theme of your application.
        //
        // Try running your application with "flutter run". You'll see the
        // application has a blue toolbar. Then, without quitting the app, try
        // changing the primarySwatch below to Colors.green and then invoke
        // "hot reload" (press "r" in the console where you ran "flutter run",
        // or simply save your changes to "hot reload" in a Flutter IDE).
        // Notice that the counter didn't reset back to zero; the application
        // is not restarted.
        primarySwatch: Colors.blue,
      ),
      home: const JTextDetectorExample(),
      // home: const MyHomePage(title: 'Flutter Demo Home Page'),
    );
  }
}

const List<String> TEXT_EXAMPLE = [
  "السلام [@عليكم:12345678] #how @حالكم [@friends:1234568] 150",
  "00. This  a url: https://jucodes.com email address: [e-mail] an #hashtag @user tag [phone]",
  "01. This  a url: https://flutter.dev",
  "02. This email address [e-mail]",
  "03. This  #hashtag #هاشتاغ",
  "04. This @user tag",
  "05. This  phone number [phone]",
  "06. This text Arabic: وعليكم السلام ورحمة الله Is Nothing وبركاته كيف الحال",
  "08. 772445395",
  "07. website  https://jucodes.com/en  web: www.jucodes.com,  facebook.com,  link http://jucodes.com/method?id=hello.com, hashtag #trending & userTag @dev.user [phone]",
];
List<Color> fColors = [
  Colors.brown,
  Colors.lime,
  Colors.purple,
  Colors.blue,
  Colors.green,
  Colors.red,
  Colors.purpleAccent,
  Colors.deepPurple,
  Colors.pink,
  Colors.cyanAccent,
];
const Map<String, dynamic> STRING_REGEXP_CONST = {
  URL_REGEXP_TYPE: URL_REGEXP,
  PHONE_REGEXP_TYPE: PHONE_REGEXP,
  EMAIL_REGEXP_TYPE: EMAIL_REGEXP,
  HASHTAG_REGEXP_TYPE: HASHTAG_REGEXP,
  USER_TAG_REGEXP_TYPE: USER_TAG_REGEXP,
  USER_ID_TAG_REGEXP_TYPE: USER_TAG_WITH_ID,
  ARABIC_REGEXP_TYPE: ARABIC_REGEXP,
};
List<DetectorOptions> detectorOptionsList = [
  DetectorOptions(
      type: "PHONE",
      pattern: PHONE_REGEXP,
      style: const TextStyle(
        color: Colors.red,
        fontSize: 24,
      ),
      onTap: (url) {
        //launch("tel:" + url);
        debugPrint("tel:${url.value}");
      }),
  DetectorOptions(
    pattern: URL_REGEXP,
    type: URL_REGEXP_TYPE,
    style: const TextStyle(
      fontSize: 16,
      fontWeight: FontWeight.bold,
      color: Colors.brown,
    ),
    onTap: (value) {
      debugPrint("${value.detectType}:${value.value}:${value.regExp.pattern}");
    },
  ),
  DetectorOptions(
    pattern: EMAIL_REGEXP,
    type: EMAIL_REGEXP_TYPE,
    style: const TextStyle(
      fontSize: 16,
      fontWeight: FontWeight.bold,
      color: Colors.purple,
    ),
    onTap: (value) {
      debugPrint("${value.detectType}:${value.value}:${value.regExp.pattern}");
    },
  ),
  DetectorOptions(
    pattern: HASHTAG_REGEXP,
    type: HASHTAG_REGEXP_TYPE,
    style: const TextStyle(
      fontSize: 16,
      fontWeight: FontWeight.bold,
      color: Colors.red,
    ),
    onTap: (value) {
      debugPrint("${value.detectType}:${value.value}:${value.regExp.pattern}");
    },
  ),
  DetectorOptions(
    pattern: USER_TAG_REGEXP,
    type: USER_TAG_REGEXP_TYPE,
    style: const TextStyle(
      fontSize: 16,
      fontWeight: FontWeight.bold,
      color: Colors.green,
    ),
    onTap: (value) {
      debugPrint("${value.detectType}:${value.value}:${value.regExp.pattern}");
    },
  ),
  DetectorOptions(
    pattern: USER_TAG_WITH_ID,
    type: USER_ID_TAG_REGEXP_TYPE,
    style: const TextStyle(
      fontSize: 16,
      fontWeight: FontWeight.bold,
      color: Colors.purpleAccent,
    ),
    onTap: (value) {
      debugPrint("${value.detectType}:${value.value}:${value.regExp.pattern}");
    },
    parsingValue: (value) {
      RegExp customRegExp = RegExp(r'''[a-zA-Z\u0600-\u06FF]+''');
      Match? match = customRegExp.firstMatch(value.value);
      DetectedValue val = value;
      if (match != null) {
        var ma = match[0].toString();
        val = DetectedValue.init(ma, "NoD", customRegExp);
      }
      debugPrint("${value.detectType}:${value.value}:${value.regExp.pattern}");
      debugPrint("${val.detectType}:${val.value}:${val.regExp.pattern}");
      return val;
    },
    valueWidget: (value) {
      return Container(
        color: Colors.blue,
        child: Text(
          value.value,
          style: const TextStyle(color: Colors.white),
        ),
      );
    },
  ),
];

class JTextDetectorExample extends StatefulWidget {
  const JTextDetectorExample({Key? key}) : super(key: key);

  @override
  State<JTextDetectorExample> createState() => _JTextDetectorExampleState();
}

class _JTextDetectorExampleState extends State<JTextDetectorExample> {
  TextEditingController controller = TextEditingController(text: '');
  FocusNode focusNode = FocusNode();
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text("Example Text Detector"),
      ),
      body: Column(
        children: [
          Expanded(
              child: ListView(
            children: [
              JTextFieldDetector(
                controller: controller,
                keyboardType: TextInputType.multiline,
                style: const TextStyle(
                  fontSize: 16,
                  fontWeight: FontWeight.bold,
                  color: Colors.black,
                ),
                textDirection: TextDirection.rtl,
                textAlign: TextAlign.right,
                clipBehavior: Clip.hardEdge,
                detectorOptions: detectorOptionsList,
                maxLines: 15,
              ),
              for (int i = 0; i < TEXT_EXAMPLE.length; i++)
                JTextDetector(
                  text: TEXT_EXAMPLE[i],
                  selectable: TEXT_EXAMPLE[i].startsWith("07"),
                  detectorOptions: [
                    DetectorOptions(
                        type: "PHONE",
                        pattern: PHONE_REGEXP,
                        style: const TextStyle(
                          color: Colors.red,
                          fontSize: 24,
                        ),
                        onTap: (url) {
                          //launch("tel:" + url);
                          debugPrint("tel:${url.value}");
                        }),
                    for (var io in STRING_REGEXP_CONST.entries.toList())
                      DetectorOptions(
                        pattern: io.value,
                        type: io.key,
                        style: TextStyle(
                          fontSize: 16,
                          fontWeight: FontWeight.bold,
                          color: fColors[i],
                        ),
                        onTap: (value) {
                          debugPrint(
                              "${value.detectType}:${value.value}:${value.regExp.pattern}");
                        },
                        parsingValue: TEXT_EXAMPLE[i].contains("150")
                            ? (value) {
                                RegExp customRegExp =
                                    RegExp(r'''[a-zA-Z\u0600-\u06FF]+''');
                                Match? match =
                                    customRegExp.firstMatch(value.value);
                                DetectedValue val = value;
                                if (match != null) {
                                  var ma = match[0].toString();
                                  val = DetectedValue.init(
                                      ma, "NoD", customRegExp);
                                }
                                debugPrint(
                                    "${value.detectType}:${value.value}:${value.regExp.pattern}");
                                debugPrint(
                                    "${val.detectType}:${val.value}:${val.regExp.pattern}");
                                return val;
                              }
                            : null,
                        valueWidget: TEXT_EXAMPLE[i].startsWith("06")
                            ? (value) {
                                return Container(
                                  color: Colors.blue,
                                  child: Text(
                                    value.value,
                                    style: const TextStyle(color: Colors.white),
                                  ),
                                );
                              }
                            : null,
                      ),
                  ],
                ),
            ],
          )),
        ],
      ),
      floatingActionButton: FloatingActionButton(
        onPressed: () {
          final value = detectFromText(TEXT_STRING, REGEXP_MAP_VALUES);
          for (var i in value) {
            debugPrint("${i.detectType}:${i.value}:${i.regExp.pattern}");
          }
        },
        child: const Icon(Icons.sync),
      ),
    );
  }
}

const String TEXT_STRING =
    "السلام [@عليكم:12345678] #how @حالكم [@friends:1234568] ..0"
    "00. This  a url: https://flutter.dev email address: [e-mail] an #hashtag @user tag "
    "01. This  a url: https://flutter.dev"
    "02. This email address [e-mail]"
    "03. This  #hashtag #هاشتاغ"
    "04. This @user tag"
    "05. This  phone number: (967) 77244 5395"
    "06. This text Arabic: وعليكم السلام ورحمة الله Is Nothing وبركاته كيف الحال"
    "07. website url: https://jucodes.com/en  web: www.jucodes.com, social facebook.com, additional link http://jucodes.com/method?id=hello.com, hashtag #trending & mention @dev.user [phone]";