code line cannot actually matches the line number

[dreamer2q]

From https://widget.studio, when you change the font size, there may occur that actually code line cannot match line number indicator.

see screenshot for more info

[baderouaich]

Hi @dreamer2q, i believe the syntax view version used in https://widget.studio is a fork by @rodydavis as he mentioned in issue #6 .
Although we are trying to find a better solution to that, as we are talking i have made some changes in version 4.2.2 which i think solves #6 (still waiting for tests in your side before publishing)
@rodydavis can you give v4.2.2 a test in https://widget.studio to see if this issue solved?
Thank you!

[dreamer2q]

It works much better without softWrap.

But if you enable softWrap and increase the font size, code line will overflow.

[baderouaich]

Ah yep you're right, I have tested it again with larger font size and this problem show up...
any suggestions to solve this one guys?

[maheshj01]

You just have to calculate the number of lines ("\n") in the text of the textfield and that will give you the number of lines. You could do this using RegExp.

[rodydavis]

I will update and let you know if it is fixed! I can also contribute back a custom TextEditingController that highlights the code and allows you to use this in a text field.

Here is a demo:

https://rodydavis.github.io/flutter_analyzer/

If you are interest in looking at the code:

https://github.com/rodydavis/flutter_analyzer/blob/master/lib/src/controller.dart

[baderouaich]

You just have to calculate the number of lines ("\n") in the text of the textfield and that will give you the number of lines. You could do this using RegExp.

yes this will work fine until softWrap is enabled, then RichText will break lines to fit the screen leaving text code unchanged. the lines will be broken in the view but text will remain the same...

[baderouaich]

I will update and let you know if it is fixed! I can also contribute back a custom TextEditingController that highlights the code and allows you to use this in a text field.

Here is a demo:

https://rodydavis.github.io/flutter_analyzer/

If you are interest in looking at the code:

https://github.com/rodydavis/flutter_analyzer/blob/master/lib/src/controller.dart

That would be great 😀! thank you @rodydavis!