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

Flutter package to provide a drag and drop base to create node graph editor

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

6
likes
150
points
5
downloads

Publisher

unverified uploader

Weekly Downloads

Flutter package to provide a drag and drop base to create node graph editor

Repository (GitHub)
View/report issues

Documentation

API reference

License

MIT (license)

Dependencies

auto_size_text, flutter

More

Packages that depend on node_program_editor