code_preview 0.1.5 copy "code_preview: ^0.1.5" to clipboard
code_preview: ^0.1.5 copied to clipboard

flutter code preview

pub stars issues

Language: English | 中文

Quick start #

  • Usage: CodePreview, provide the className that needs to be previewed
import 'package:code_preview/code_preview.dart';
import 'package:flutter/material.dart';

class Test extends StatelessWidget {
  const Test({Key? key}) : super(key: key);

  Widget build(BuildContext context) {
    return const CodePreview(className: 'Test');


Configuration code file #

Because the principle is to traverse resource files, the code file or its folder path that needs to be displayed must be defined under assets. This step provides an automated plug-in solution for everyone

It is strongly recommended that the code that needs to be displayed to the interface be managed in a unified file

  • The code of the displayed interface needs the assets definition in pugspec.yaml


If the folder for code preview is complicated, it is troublesome to define a path every time.

Provide a plugin: Flutter Code Helper

  • Installation: Search for Flutter Code Helper in Plugins


  • The directory that needs to be automatically generated is defined in pugspec.yaml. The folder can be nested casually, and it will be automatically generated recursively under assets for you.
    • No need to automatically generate, you can: do not write the configuration, or configure an empty array (auto_folder: [])
  auto_folder: [ "assets/", "lib/widgets/" ]

Apr-09-2023 22-33-42


The above plugin is based on the FlutterAssetsGenerator plugin project of RayC

  • I took a look at the plug-in code and related functions of RayC, which are different from the implementation of the above functions I expected, and the changes have changed a lot
  • If you want to try various new configurations of the plugin project, pull directly to the latest
  • If you think of what functions you need later, it is convenient to add them at any time

So I didn't mention pr to its plugin, so I opened a new plugin project separately

pub points


unverified uploader

flutter code preview

Repository (GitHub)
View/report issues


API reference


MIT (license)




Packages that depend on code_preview