https://github.com/rodydavis/golden_layout

Flutter Golden Layout
https://github.com/rodydavis/golden_layout

dart flutter layout-engine tiling-window-manager window-management

Last synced: about 1 month ago
JSON representation

Flutter Golden Layout

• Host: GitHub
• URL: https://github.com/rodydavis/golden_layout
• Owner: rodydavis
• License: mit
• Created: 2020-05-05T08:49:07.000Z (over 4 years ago)
• Default Branch: master
• Last Pushed: 2021-09-27T18:14:34.000Z (about 3 years ago)
• Last Synced: 2024-10-19T14:24:53.484Z (2 months ago)
• Topics: dart, flutter, layout-engine, tiling-window-manager, window-management
• Language: Dart
• Homepage: https://rodydavis.github.io/golden_layout/
• Size: 2.09 MB
• Stars: 51
• Watchers: 4
• Forks: 3
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • License: LICENSE

Awesome Lists containing this project

README

        
[![Buy Me A Coffee](https://img.shields.io/badge/Donate-Buy%20Me%20A%20Coffee-yellow.svg)](https://www.buymeacoffee.com/rodydavis)

[![Donate](https://img.shields.io/badge/Donate-PayPal-green.svg)](https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&hosted_button_id=WSH3GVC49GNNJ)

[![golden_layout](https://img.shields.io/pub/v/golden_layout.svg)](https://pub.dev/packages/golden_layout)

# golden_layout

A Flutter inspired package from http://golden-layout.com/

Demo: https://rodydavis.github.io/golden_layout/

![screenshot](https://github.com/rodydavis/golden_layout/blob/master/doc/screenshot.png?raw=true)

## Example

```dart

import 'package:flutter/material.dart';

import 'package:golden_layout/golden_layout.dart';

void main() {

  runApp(MyApp());

}

class MyApp extends StatelessWidget {

  @override

  Widget build(BuildContext context) {

    return MaterialApp(

      debugShowCheckedModeBanner: false,

      title: 'Flutter Demo',

      theme: ThemeData(

        primarySwatch: Colors.blue,

        visualDensity: VisualDensity.adaptivePlatformDensity,

      ),

      home: MyHomePage(title: 'Flutter Golden Layout'),

    );

  }

}

class MyHomePage extends StatefulWidget {

  MyHomePage({Key key, this.title}) : super(key: key);

  final String title;

  @override

  _MyHomePageState createState() => _MyHomePageState();

}

class _MyHomePageState extends State {

  final _controller = WindowController();

  int _count = 0;

  @override

  void initState() {

    final _group = WindowGroup();

    _group.addTab(_getTab(_count++));

    (_controller.base as WindowColumn).children.add(_group);

    super.initState();

  }

  @override

  Widget build(BuildContext context) {

    return Scaffold(

      appBar: AppBar(

        title: Text(widget.title),

        actions: [

          IconButton(

            tooltip: 'Add Window',

            icon: Icon(Icons.restore),

            onPressed: () {

              if (mounted)

                setState(() {

                  _controller.base =

                      WindowColumn([WindowGroup()..addTab(_getTab(_count++))]);

                });

            },

          ),

          IconButton(

            tooltip: 'Add Group',

            icon: Icon(Icons.list),

            onPressed: () {

              if (mounted)

                setState(() {

                  final _group = WindowGroup();

                  _group.addTab(_getTab(_count++));

                  (_controller.base as WindowColumn).children.add(_group);

                });

            },

          ),

          IconButton(

            tooltip: 'Add Row',

            icon: Icon(Icons.category),

            onPressed: () {

              if (mounted)

                setState(() {

                  final _group1 = WindowGroup()..addTab(_getTab(_count++));

                  final _group2 = WindowGroup()..addTab(_getTab(_count++));

                  (_controller.base as WindowColumn)

                      .children

                      .add(WindowRow([_group1, _group2]));

                });

            },

          ),

        ],

      ),

      body: GoldenLayout(

        controller: _controller,

      ),

    );

  }

  WindowTab _getTab(int count) {

    return WindowTab(

        title: 'Window $count',

        child: Container(color: Colors.red[100 * count]));

  }

}

```