Selectable Code view #

A widget to view code with the respective syntax highlighter and feature to zoom in & out, select the code, copy & share it.

Features #

• Display your code using syntax highlighter and code formatter for the following languages:
  • C
  • C++
  • Dart/Flutter
  • Java
  • Javascript
  • Kotlin
  • Swift
  • YAML
• Zoom in and out the code for better viewing experiencing.
• Can Copy the whole code
• Selection enabled
• Copy or share the selected code
• Different themes available
  • standard
  • dracula
  • ayuDark
  • ayuLight
  • gravityLight
  • gravityDark
  • monokaiSublime
  • obsidian
  • oceanSunset
  • vscodeDark
  • vscodeLight

Getting started #

Add Selectable Code View to your pubspec.yaml file:

dependencies:
  selectable_code_view:

Import selectable code view in files that it will be used:

  import 'package:selectable_code_view/selectable_code_view.dart';

Widget build(BuildContext context) {
  return MaterialApp(
    home: Scaffold(
      appBar: AppBar(
        title: const Text(
          'Selectable Code View',
        ),
      ),
      body: Center(
        child: SelectableCodeView(
          code: code, // Code text
          language: Language.DART, // Language
          languageTheme: LanguageTheme.vscodeDark(), // Theme
          fontSize: 12.0, // Font size
          withZoom: true, // Enable/Disable zoom icon controls
          withLinesCount: true, // Enable/Disable line number
          expanded: false, // Enable/Disable container expansion
        ),
      ),
    ),
  );
}

Result #

Additional information #

Want to contribute to the project? We will be proud to highlight you as one of our collaborators.

Any contribution is welcome!

If you have any queries, email me to [email protected] #