Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Flutter Tree ForkNew to Visual Studio Code? Get it now.
Flutter Tree Fork

Flutter Tree Fork

hy6

|
2,764 installs
| (0) | Free
Extension for Flutter to build basic widget tree. flutter-tree fork of https://github.com/MarceloVelasquez/flutter-tree.git
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter Tree

Description

Extension for Flutter to build basic widget tree with nice syntax.

Example

Syntax

Base syntax

OneChild>MultipleChild[OneChild,MultipleChild[OneChild,OneChild],OneChild>OneChild]

Code generated

OneChild(
    child: MultipleChild(
        children: <Widget>[
            OneChild(),
            MultipleChild(
                children: <Widget>[
                    OneChild(),
                    OneChild(),
                ]
            ),
            OneChild(
                child: OneChild(),
            ),
        ]
    ),
),

Use

Create single child widget

SingleChildWidget>Child
SingleChildWidget(
    child: Child(),
),

Create multiple child widget

MultipleChildWidget[ChildOne,ChildTwo]
MultipleChildWidget(
    children: <Widget>[
        ChildOne(),
        ChildTwo(),
    ],
),

You can create nested widgets.

MultipleChild[ChildOne,ChildTwo>NestedChild>Child]
MultipleChild(
    children: <Widget>[
        ChildOne(),
        ChildTwo(
            child: NestedChild(
                child: Child(),
            ),
        ),
    ],
),

Requirements

Supported language:

  • Dart

test dev

npm run test-watch
  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft