https://github.com/viztushar/syntax_highlighter
Syntax Highlighter for Dart/Flutter Code
https://github.com/viztushar/syntax_highlighter
dart dart-syntax-highlighter flutter flutter-apps flutter-demo flutter-package flutter-syntax flutter-syntax-highlighter syntax syntax-highlighter syntax-highlighting
Last synced: 5 months ago
JSON representation
Syntax Highlighter for Dart/Flutter Code
- Host: GitHub
- URL: https://github.com/viztushar/syntax_highlighter
- Owner: viztushar
- License: apache-2.0
- Created: 2019-06-01T13:40:13.000Z (about 7 years ago)
- Default Branch: master
- Last Pushed: 2021-10-14T10:22:56.000Z (almost 5 years ago)
- Last Synced: 2025-10-23T07:24:48.410Z (9 months ago)
- Topics: dart, dart-syntax-highlighter, flutter, flutter-apps, flutter-demo, flutter-package, flutter-syntax, flutter-syntax-highlighter, syntax, syntax-highlighter, syntax-highlighting
- Language: Dart
- Homepage: https://pub.dev/packages/syntax_highlighter
- Size: 67.4 KB
- Stars: 31
- Watchers: 3
- Forks: 8
- Open Issues: 5
-
Metadata Files:
- Readme: README.md
- Changelog: CHANGELOG.md
- License: LICENSE
Awesome Lists containing this project
README
# syntax_highlighter
syntax highlighter for show your code in the app
# How to Use It
### Step 2
add your code in your file
```javascript
String _exampleCode =
"class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState();}";
```
### Step 2
add `SyntaxHighlighterStyle` in your `build` method
```javascript
final SyntaxHighlighterStyle style =
Theme.of(context).brightness == Brightness.dark
? SyntaxHighlighterStyle.darkThemeStyle()
: SyntaxHighlighterStyle.lightThemeStyle();
```
### Step 3
add this code
```javascript
RichText(
text: TextSpan(
style: const TextStyle(fontFamily: 'monospace', fontSize: 10.0),
children: [
DartSyntaxHighlighter(style).format(_exampleCode),
],
),
```
# Full Example
check Full Example code in [example/lib/main.dart](https://github.com/viztushar/syntax_highlighter/blob/master/example/lib/main.dart)
```javascript
import 'package:flutter/material.dart';
import 'package:syntax_highlighter/syntax_highlighter.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
// This widget is the root of your application.
@override
Widget build(BuildContext context) {
return MaterialApp(
title: 'Syntax Highlighter Example',
theme: ThemeData(
primarySwatch: Colors.blue,
),
home: MyHomePage(title: 'Syntax Highlighter Example'),
);
}
}
class MyHomePage extends StatefulWidget {
MyHomePage({Key key, this.title}) : super(key: key);
final String title;
@override
_MyHomePageState createState() => _MyHomePageState();
}
class _MyHomePageState extends State {
String _exampleCode =
"class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState();}";
@override
Widget build(BuildContext context) {
final SyntaxHighlighterStyle style =
Theme.of(context).brightness == Brightness.dark
? SyntaxHighlighterStyle.darkThemeStyle()
: SyntaxHighlighterStyle.lightThemeStyle();
return Scaffold(
appBar: AppBar(
title: Text(widget.title),
),
body: SingleChildScrollView(
child: Padding(
padding: const EdgeInsets.all(16.0),
child: RichText(
text: TextSpan(
style: const TextStyle(fontFamily: 'monospace', fontSize: 10.0),
children: [
DartSyntaxHighlighter(style).format(_exampleCode),
],
),
),
),
));
}
}
```