Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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: 20 days ago
JSON representation

Flutter Golden Layout

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

```