akvelon / flutter-code-editor

Flutter Code Editor is a multi-platform code editor supporting syntax highlighting, code blocks folding, autocompletion, read-only code blocks, hiding specific code blocks, themes, and more.

Home Page:https://akvelon.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Material 3 causes progressing misalignment in code and line numbers

alexeyinkin opened this issue · comments

Note: This issue is about misalignment that progresses with each line. For equally misaligned lines with Material 2, see #261

Steps to reproduce:

  1. Take the 02.code_field example as of 0f18b2b
  2. Add the following property to MaterialApp:
      theme: ThemeData(
        useMaterial3: true,
      ),
  • Without that, numbers are either aligned or equally misaligned, as described in #261
  • With that:

Web:
image

iOS:
image

commented

you can solve it by using parameter:

 gutterStyle: const GutterStyle(textStyle: TextStyle(height: 1.5)),