flutter_highlighting 是一个用于在 Flutter 应用中实现代码高亮的插件。它基于 highlight 库，支持多种编程语言的语法高亮。以下是如何在 Flutter 项目中使用 flutter_highlighting 插件的详细步骤。

1. 添加依赖

首先，你需要在 pubspec.yaml 文件中添加 flutter_highlighting 依赖：

dependencies:
  flutter:
    sdk: flutter
  flutter_highlighting: ^0.7.0  # 请检查最新版本

然后运行 flutter pub get 来安装依赖。

2. 导入库

在你的 Dart 文件中导入 flutter_highlighting 库：

import 'package:flutter_highlighting/flutter_highlighting.dart';
import 'package:flutter_highlighting/themes/github.dart';  // 或者使用其他主题

3. 使用 HighlightView 组件

HighlightView 是 flutter_highlighting 提供的一个 Widget，用于显示高亮代码。你可以通过以下方式使用它：

import 'package:flutter/material.dart';
import 'package:flutter_highlighting/flutter_highlighting.dart';
import 'package:flutter_highlighting/themes/github.dart';

class CodeHighlightingExample extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Code Highlighting Example'),
      ),
      body: SingleChildScrollView(
        child: HighlightView(
          '''// This is a sample code
void main() {
  print('Hello, World!');
}''',
          language: 'dart',  // 指定代码语言
          theme: githubTheme,  // 使用 GitHub 主题
          padding: EdgeInsets.all(12),
          textStyle: TextStyle(fontFamily: 'monospace', fontSize: 14),
        ),
      ),
    );
  }
}

4. 支持的语言

flutter_highlighting 支持多种编程语言的语法高亮。你可以通过 language 参数指定代码的语言。以下是一些常见的语言：

• dart
• java
• python
• javascript
• cpp
• html
• css
• json
• yaml
• xml
• … 更多语言请参考 highlight 库的文档

5. 主题

flutter_highlighting 提供了多种代码高亮主题，你可以根据需要选择不同的主题。以下是一些常见的主题：

• githubTheme
• monokaiSublimeTheme
• vsTheme
• atomOneDarkTheme
• atomOneLightTheme

你可以通过 theme 参数来指定主题：

theme: monokaiSublimeTheme,

6. 自定义样式

你可以通过 textStyle 参数来自定义代码的字体、大小等样式：

textStyle: TextStyle(fontFamily: 'monospace', fontSize: 16),

7. 处理长代码

如果代码较长，建议将 HighlightView 包裹在 SingleChildScrollView 中，以便用户可以滚动查看完整的代码。

8. 完整示例

以下是一个完整的示例，展示了如何在 Flutter 应用中使用 flutter_highlighting 插件：

import 'package:flutter/material.dart';
import 'package:flutter_highlighting/flutter_highlighting.dart';
import 'package:flutter_highlighting/themes/github.dart';

void main() {
  runApp(MyApp());
}

class MyApp extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Code Highlighting',
      theme: ThemeData(
        primarySwatch: Colors.blue,
      ),
      home: CodeHighlightingExample(),
    );
  }
}

class CodeHighlightingExample extends StatelessWidget {
  [@override](/user/override)
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('Code Highlighting Example'),
      ),
      body: SingleChildScrollView(
        child: HighlightView(
          '''// This is a sample code
void main() {
  print('Hello, World!');
}''',
          language: 'dart',
          theme: githubTheme,
          padding: EdgeInsets.all(12),
          textStyle: TextStyle(fontFamily: 'monospace', fontSize: 14),
        ),
      ),
    );
  }
}