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);

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

image-20230429215042820

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

image-20230422224011359

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

image-20230422225244651

  • 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: [])
code_helper:
  auto_folder: [ "assets/", "lib/widgets/" ]

Apr-09-2023 22-33-42

Note

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

5
likes
110
pub points
67%
popularity

Publisher

unverified uploader

flutter code preview

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (LICENSE)

Dependencies

flutter

More

Packages that depend on code_preview