在 Flutter 中使用 TextField 构建带有语法高亮的代码编辑器

Question

我正在尝试使用 TextField 在 Flutter 应用程序中构建 代码编辑器，我尝试使用 flutter_syntax_view 但问题是，它只接受代码作为预定义的字符串文本并且它没有任何选项写代码。

这是我尝试过的：

• 使用TextField 和maxLines 10
• 如果我们可以像代码编辑器一样在左侧显示行数

欢迎提出建议，感谢帮助

Answer 1

在 github 上查看我的工作： http://github.com/icedman/flutter_editor

它使用flutter_highlight、多光标编辑、小地图、行号间距。正在开发中 - 您可能希望为该项目做出贡献。

我还写了一篇关于在 Flutter 中使用 1000 行代码创建编辑器的文章 - 我解释了为什么我放弃了文本字段并制作了自己的小部件：

https://levelup.gitconnected.com/build-a-text-editor-with-flutter-ui-under-1000-lines-of-code-5a9dd2a053da