flutter pub add golden_layout根據套件公開資料產生的選型評估，僅供參考。
Golden Layout 是一個 Flutter 套件，將 Golden Layout 庫強大的視窗管理功能帶入 Flutter 應用程式。它讓開發者能夠建立複雜、可調整大小且可拖曳的 UI 排版，支援多個面板、巢狀排列與動態內容。專為內部應用介面設計，非常適合需要自訂工作區的工具，例如儀表板、IDE 或資料視覺化平台。此套件能與 Flutter 的元件系統無縫整合，同時維持效能與回應速度。
以下為關聯原始碼儲存庫的 README 原文快照，最新內容請造訪原始碼儲存庫。
A Flutter inspired package from http://golden-layout.com/
Demo: https://rodydavis.github.io/golden_layout/
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<MyHomePage> {
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]));
}
}
暫無相關資料。