node_program_editor 1.1.0 copy "node_program_editor: ^1.1.0" to clipboard
node_program_editor: ^1.1.0 copied to clipboard

A drag and drop UI to create json block sequence, inspired by LabView and Simulink

example/README.md

example #

import 'package:flutter/material.dart';
import 'package:node_program_editor/node_program_editor.dart';
void main() {
  runApp(const MyApp());
}

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

  // This widget is the root of your application.
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      theme: ThemeData(
        colorScheme: ColorScheme.fromSeed(seedColor: Colors.blueAccent),
        useMaterial3: true,
      ),
      home: Scaffold(
        body: NodeProgramEditor(
          data: DiagramData(
            [EntryTypesData("INT", Colors.black)],
            [
              BlockTemplate(
                "Image",
                Colors.white,
                "image",
                [
                  ComponentParameter(
                    "IO",
                    ComponentsParametersTypes.STRING_FIELD,
                    null,
                  )
                ],
                [IoDataTemplate("a", "INT", false)],
                [
                  IoDataTemplate("b", "INT", false),
                ],
              )
            ],
          ),
          onProgramEmitted: (data) {
            print(data);
          },
        ),
      ),
    );
  }
}

5
likes
130
points
63
downloads

Publisher

unverified uploader

Weekly Downloads

A drag and drop UI to create json block sequence, inspired by LabView and Simulink

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

auto_size_text, bloc, diagram_editor, file_picker, flutter, flutter_bloc, flutter_colorpicker, meta, provider

More

Packages that depend on node_program_editor