flutter-code-editor icon indicating copy to clipboard operation
flutter-code-editor copied to clipboard

Gutter Numbers and Code Text Not Aligned

Open simeonangelov94 opened this issue 2 months ago • 1 comments

@rohansingh @UbayGD @AKosolapov @mrshakirov @ArinFaraj

Hello, since the package is now updated, I would kindly ask is it possible to add Gutter padding.

Currently, the gutter numbers and the code editor are not aligned. Please find example code below. If gutterPadding is added which I did before in a forked library - it aligns perfectly but otherwise is 4 units misaligned. Please find a photo and code example below.

Example Code @override Widget build(BuildContext context) { //controller.visibleSectionNames = {'section1'}; return CodeTheme( data: CodeThemeData(styles: customMonokaiSublimeTheme), child: CodeField( controller: codeEditorController, onChanged: (value) { if (widget.onChanged != null) widget.onChanged!(value); }, padding: EdgeInsets.all(0), // gutterPadding: 4, minLines: widget.isBigScreen == false ? 5 : 15, // maxLines: widget.isBigScreen == false ? 15 : 25, textStyle: TextStyle(fontFamily: 'SourceCode', height: 1.5, fontSize: 18), gutterStyle: GutterStyle( margin: 10, textAlign: TextAlign.end, textStyle: const TextStyle( color: Colors.blue, fontWeight: FontWeight.bold, height: 1.5, fontFamily: 'SourceCode', fontSize: 18 //fontSize: 18.0, ), ), ), ); }

Image

simeonangelov94 avatar Sep 22 '25 07:09 simeonangelov94