kode_view 0.1.0

Flutter syntax highlighting widgets based on Highlights

example/lib/main.dart

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

const codeSnippet =
    "class HelloWorld {\n\tpublic static void main(String[] args) {\n\t\tSystem.out.println(\"Hello, World!\"); \n}}";

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

class MyApp extends StatefulWidget {
  const MyApp({super.key});

  @override
  State<MyApp> createState() => _MyAppState();
}

class _MyAppState extends State<MyApp> {
  final SyntaxHighlightingController controller =
      SyntaxHighlightingController(text: codeSnippet);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold(
        appBar: AppBar(
          title: const Text('Kode View example'),
        ),
        body: Center(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.center,
            children: [
              const Text("CodeTextView"),
              const SizedBox(
                height: 12,
              ),
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: CodeTextView(
                  code: codeSnippet,
                  language: "Java",
                  theme: "darcula",
                  options: TextSelectionOptions(
                    copy: true,
                    selectAll: true,
                    share: true,
                  ),
                ),
              ),
              const SizedBox(height: 24),
              const Text("CodeEditText"),
              const SizedBox(height: 12),
              Padding(
                padding: const EdgeInsets.all(16.0),
                child: CodeEditText(
                  code: codeSnippet,
                  controller: controller,
                  showCursor: true,
                ),
              ),
            ],
          ),
        ),
      ),
    );
  }
}