flutter_syntax_view 0.1.1 copy "flutter_syntax_view: ^0.1.1" to clipboard
flutter_syntax_view: ^0.1.1 copied to clipboard

outdated

A SyntaxView Widget which highlights code text according to the programming language syntax.

example/flutter_syntax_view_example.dart

import 'package:flutter/material.dart';
import 'package:flutter_syntax_view/flutter_syntax_view.dart';

void main() => runApp(App());

class App extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: MyApp(),
      debugShowCheckedModeBanner: false,
      title: "Flutter Syntax View Example",
    );
  }
}

class MyApp extends StatefulWidget {
  @override
  State<StatefulWidget> createState() => MyAppState();
}

class MyAppState extends State<MyApp> {
  String code = "";
  @override
  void initState() {
    super.initState();

    // Loading code text from assets/dart_code.txt
    // Use DefaultAssetBundle. Recommended ( it allows switching asset bundles at runtime ).
    DefaultAssetBundle.of(context)
        .loadString('assets/dart_code.txt')
        .then((codeText) {
      setState(() {
        code = codeText ?? "null";
      });
    });
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("Flutter Syntax View Example"),
        backgroundColor: Colors.deepOrange[300],
        elevation: 7,
      ),
      body: SyntaxView(
        code: code,
        withZoom: true,
        syntax: Syntax.DART,
        syntaxTheme: SyntaxTheme.dracula(),
      ),
    );
  }
}
94
likes
0
points
11.9k
downloads

Publisher

unverified uploader

Weekly Downloads

A SyntaxView Widget which highlights code text according to the programming language syntax.

Repository (GitHub)
View/report issues

License

unknown (license)

Dependencies

flutter, string_scanner

More

Packages that depend on flutter_syntax_view