santa112358 / detectable_text_field

TextField and Text widget with detection features. You can detect hashtags, at sign, or anything you want.

Hi there 👋

Flutter developer based in Tokyo and undergraduate at Waseda University.

I'm so happy that many developers are using my packages.

If you have any requests or problems, please do not hesitate to open an issue or pull request.

I'll do my best to keep the packages updated, but please understand that my responses and updates may be delayed due to my other commitments.

Thank you.

detectable_text_field's Issues

Add the ability to reduce the RegExp matching

Currently, when a RegExp is passed into the detectable text field, it is used to discover all matches within the text.

final tags = detectionRegExp.allMatches(copiedText).toList();

detector.dart

However, I want to only match the first regexp within the text to highlight only the first mention of a @username. Is it possible to add a boolean to the detector to conditionally match the first or all matches to the RegExp.

final bool matchFirst;
...
final tags = matchFirst ? [detectionRegExp.firstMatch(copiedText)]
      : detectionRegExp.allMatches(copiedText).toList();

Language support

Can we see which languages the package supports? There is a problem with Turkish characters. Is there flexibility in the code for this?

Question about to change only the color to the @text

I would like to know how to change only the color of a @text mentioned because I only can have the same color to all the text. Thanks

Make DetectableText selectable

Currently it is not possible to let the user select text with the DetectableText Widget. This feature would be very welcome. Similar to SelectableText.

Support more languages (like Hashtagable)

Hi
I would love to see more Languages supported in detectable_text_field like in Hashtagable (german specifically).

Thanks!

Is it possible to use "extractDetections"?

extractDetections doesn't seem to be available at the moment, how can I use it?

Write usage of onDetectionTyped

Not working in cupertino framework

Thank you for your library, but it don't work with cupertino.

The following assertion was thrown building DetectableTextField(keyboardType: TextInputType(name: TextInputType.multiline, signed: null, decimal: null), autofocus: true, maxLines: null, textAlignVertical: TextAlignVertical(y: -1.0), dirty, dependencies: [MediaQuery, UnmanagedRestorationScope], state: _DetectableTextFieldState#4285c):
No Material widget found.

Error showing Snackbar onDetectionTyped

Hello,

I got an exception when trying to show snackbar onDetectionTyped

`W/IInputConnectionWrapper( 7059): endBatchEdit on inactive InputConnection

════════ Exception caught by widgets library ═══════════════════════════════════
The following assertion was thrown building Scrollable(axisDirection: down, physics: null, restorationId: "editable", dirty, dependencies: [_LocalizationsScope-[GlobalKey#f8757], UnmanagedRestorationScope, _InheritedTheme, ScrollConfiguration, MediaQuery, _EffectiveTickerMode], state: ScrollableState#7dfb1(position: ScrollPositionWithSingleContext#3cec7(offset: 0.0, range: 0.0..0.0, viewport: 19.0, ScrollableState, ClampingScrollPhysics -> RangeMaintainingScrollPhysics, IdleScrollActivity#deee0, ScrollDirection.idle), effective physics: ClampingScrollPhysics -> RangeMaintainingScrollPhysics)):
setState() or markNeedsBuild() called during build.

This ScaffoldMessenger widget cannot be marked as needing to build because the framework is already in the process of building widgets. A widget can be marked as needing to be built during the build phase only if one of its ancestors is currently building. This exception is allowed because the framework builds parent widgets before children, which means a dirty descendant will always be built. Otherwise, the framework might not visit this widget during this build phase.
The widget on which setState() or markNeedsBuild() was called was: ScaffoldMessenger
dependencies: [MediaQuery]
state: ScaffoldMessengerState#449d8(tickers: tracking 1 ticker)
The widget which was currently being built when the offending call was made was: Scrollable
axisDirection: down
`

Am I doing something wrong?

Thank you

Detects the empty space in front of the hashtag.

In DetectableTextField, there is a phenomenon of detecting #efg when d is onTap when text is abcd #efghi.
Why did you include not only the onTap of the #efg part but also the space space in front of it in the onTap?
Is there any way to solve this problem?

FormField and SpellCheck

@santa112358
Do you guys have a plan to support FormField and SpellCheck?

Emoji is not detected

When i the text having emoji (😀 ) it show question mark instead fo emoji

DetectableText(
      detectionRegExp: RegExp(
        "(?!\\n)(?:^|\\s)([#@]([$detectionContentLetters]+))|",
        multiLine: true,
      ),
      onTap: (tappedText) async {
        if (tappedText.startsWith('#')) {  
        } else if (tappedText.startsWith('@')) {
        } else if (tappedText.startsWith('http')) {}
      },
      text: '$comment  😀',
      basicStyle: font3.copyWith(
          fontSize: fontSize, color: Theme.of(context).colorScheme.onSurface),
      detectedStyle: font3.copyWith(
          fontSize: fontSize + 1,
          fontWeight: FontWeight.w300,
          color: Theme.of(context).colorScheme.onError),
    )

Thank you for time

Add a function (TextStyle Function(detectedString)) to manage each detected strings style

Hello,

Would it be possible to add a function to manage the style of each detected strings style. In my case I use the DetectableText for a text with some username pings, and if the username is not valid i don't have to change the style of it, so I need to check for each detected strings if it's a valid username

Thank you

symbol detection

hi , im using hashtag by default and get some error as below

could u help me to fix this .

Not supported spellCheckConfigration of textField functionality

Can you add spellcheck parameter in your code and provide functionality to check spell in this package?

Text auto correct selection color stays black in iOS

In android, it works fine but in iOS device, the suggestion selected color turns black and the text color is also black so, makes text invisible to the user. Also, I have to keep auto correct on so, can't set it false.

Callback when detected text is being typed.

related issue: santa112358/hashtagable#52, santa112358/hashtagable#30

can you support multiple colors with hashtag and username ??

Links starting with www. are not detected.

Links starting with www. are not detected e.g www.google.com

detectable_text_field: ^2.0.4

Error: TapUpDetails not match corresponding type TapDragUpDetails

Hi,

I am getting following error, appreciate help.
Error (Xcode): ../../.pub-cache/hosted/pub.dev/detectable_text_field-2.0.4/lib/widgets/detectable_text_field.dart:88:35: Error: The parameter 'details' of the method '_TextFieldSelectionGestureDetectorBuilder.onSingleTapUp' has type 'TapUpDetails', which does not match the corresponding type, 'TapDragUpDetails', in the overridden method, 'TextSelectionGestureDetectorBuilder.onSingleTapUp'.

Regex not detecting url with dash (-)

example: https://the-dodo.com

sample of url detection

Add sample to detect url

Cursor gets back when detection is typed

Issue found in hashtagable: santa112358/hashtagable#54 (comment)

Happens with flutter web

Support null safety

Can you display the chip widget inside the textfield?

Hi sir,
Can you help me how to show list and display chip input inside the textfield.
If you help me. you will save my life.

Error on latest Flutter 2.2.0

I get the following error on Flutter 2.2.0:

./sdk/.pub-cache/hosted/pub.dartlang.org/detectable_text_field-2.0.1/lib/widgets/detectable_text_field.dart:1421:20: Error: The getter 'scrollShortcutOverrides' isn't defined for the class '_DetectableTextFieldState'.
 - '_DetectableTextFieldState' is from 'package:detectable_text_field/widgets/detectable_text_field.dart' ('../sdk/.pub-cache/hosted/pub.dartlang.org/detectable_text_field-2.0.1/lib/widgets/detectable_text_field.dart').
Try correcting the name to the name of an existing getter, or defining a getter or field named 'scrollShortcutOverrides'.

        shortcuts: scrollShortcutOverrides,
                   ^^^^^^^^^^^^^^^^^^^^^^^

issue

../../flutter/.pub-cache/hosted/pub.dartlang.org/detectable_text_field-2.0.2/lib/widgets/detectable_editable_text.dart:219:9: Error: No named parameter with the name 'context'.
context: context,
^^^^^^^

Doesn't detect consecutive hashtags

extractDetections() does not detect consecutive hashtags when the following character string exists.

final value = """
#example1
#example2 #example3
#example4#example5
""";
extractDetections(value, hashTagRegExp);
/// →["#example1", "exmaple2", "exmaple3", "exmaple4"]
/// "example5" is not detected

Doesn't recognize single letter domains

Assignment

It currently does not recognize single domains as links.

• Example "x.com"

Cause

Because line 32 specifies to recognize domains between 2 and 256 characters.

30 const urlRegexContent = "((http|https)://)?(www.)?" +
31    "[-a-zA-Z0-9@:%._\\+~#?&//=]" +
32    "{2,256}\\.[a-z]" +
33    "{2,6}\\b([-a-zA-Z0-9@:%" +
34    "._\\+~#?&//=]*)";

Amendment

32    "{1,256}\\.[a-z]" +

New Feature Request

Adding a way to detect when say something like a url was removed or started to be removed.

Implement onDetectionFinished

add `hintText` support.

onDetectionTyped called multiple times

onDetectionTyped is call multiple times...
It seems, that every time the widget is displayed it registered a new callback...

Unable to recognize double quotation marks of Chinese input method

Hashtag with emoji issue

When input hashtag with emoji like #😃, hashtag still be detectable, but content is empty. it will be great if we can rid of "#" if emoji input right behind.

Implement DetectableTextFieldController()

Having all of the textfield is hard to maintain. Implement DetectableTextEditingController and provide same functions would be better.