INTRODUCE

example A flutter TextField which is able to click the highlight text part.

  • set the regex
  • set the textStyle
  • set a string callBack function
  • suggestClickTextField (!!!Beta)

INSTALL

    dev_dependencies:
        click_text_field: ^last_version

USAGE

use ClickTextField
    ClickTextField(
        controller: ClickTextEditingController(),
        regExp: RegExp(r'people c'),
        clickTextStyle: TextStyle(
           background: Paint()
                  ..style = PaintingStyle.stroke
                  ..strokeWidth = 2
                  ..color = Colors.cyanAccent,
        ),
        onTapText: (clickCallBack) => {
           debugPrint('U click the highlight text $clickCallBack'),
        }
    )
use suggestClickTextField (!!Beta)
``` SuggestClickTextField( controller: ClickTextEditingController(), regExp: RegExp(r'people a|people b|people c|embed c|building d|人物一'), textStyle: const TextStyle( color: Colors.deepPurple ), clickTextStyle: TextStyle( background: Paint() ..style = PaintingStyle.stroke ..strokeWidth = 2 ..color = Colors.cyanAccent, ), onTapText: (clickCallBack) => { debugPrint('U click the highlight text $clickCallBack'), } ), ```

Warning

When running in different SDK version, it maybe reports a error:

 rendering/editable.dart': Failed assertion: line 1336 pos 14: 'readOnly && !obscureText': is not true.

delete the check code or change use new SDK version to avoid.

if (_semanticsInfo!.any((InlineSpanSemanticsInformation info) => info.recognizer != null) &&
defaultTargetPlatform != TargetPlatform.macOS) {
// the next code to delete
// assert(readOnly && !obscureText);
  1. source code: https://github.com/shAdow-XJY/click_text_field

  2. pub: https://pub.dev/packages/click_text_field